
1. 레이아웃 그리기 홈회사소개제품소개 신청하러가기 제품목록 도너트 만들기[3] 21.09.30 도너트 만들기[3] 21.09.30 도너트 만들기[3] 21.09.30 오늘의 뉴스 쿠킹클래스 입니다. 09:30 쿠킹클래스 입니다. 09:30 쿠킹클래스 입니다. 09:30 쿠킹클래스 입니다. 09:30 서울시 서초구 신반포로45길 9-20번지, 4층 | Tel. 02-556-3346 | Fax. 0504-002-7583 | Email. bjshjy@naver.com 대표자 : 정희용 | 사업자번호 : 105-87-94707 | 통신판매번호 : 2016-서울강남-02575 | 개인정보책임자 : 한종진 Copyright ⓒ BLUECOMMUNICATION. All rights reserved. *{margin..

1.box model 이해 레이아웃 박스모델이해 box model 이해 margin:바깥여백 border : 경계선 padding : 안쪽여백 contents 2.너비와 높이 3.경계선 다루기 기본 테두리 분리 디자인 모서리가 둥근 스타일 보드스타일을 이용한 디자인 .box01 {width:300px;padding:10px;margin:20px;border:5px solid gray;} .box02 {width:300px;border-bottom:2px solid red;} .box03 {border:1px solid gray;border-radius: 15px;padding:10px;} .box04 {padding:10px;margin:10px;border-left:5px solid #0000ff;ba..

1.CSS를 삽입하는 세 가지 방법 2. 외부 CSS §외부 스타일 시트를 사용하면 파일 하나만 변경하여 전체 웹 사이트의 모양을 변경할 수 있습니다! §각 HTML 페이지는 헤드 섹션 내부의 요소 내부에 외부 스타일 시트 파일에 대한 참조를 포함해야 합니다. importance 연습 문단 1 문단 2 CSS3를 HTML5에 적용하는 방법은 크게 3가지가 있다 인라인(inline) 스타일 시트 : HTML문서 내의 각 Tag 요소에 직접 스타일 시트를 정의한다. 내부(internal) 스타일 시트 : HTML문서의 부분에 스타일 시트를 정의한다. 외부(external) 스타일 시트 : 시타일 시트를 별도의 파일(확장자 .css)로 저장하여 다른 HTML문서에서도 같은 스타일 시트를 사용할 수 있도록 합니..

1.CSS란 무엇인가? •CSS는 Cascading Style Sheets의 약자입니다. •CSS는 HTML 요소가 화면, 종이 또는 기타 미디어에 표시되는 방식을 설명합니다. •CSS는 많은 작업을 절약합니다. 한 번에 여러 웹 페이지의 레이아웃을 제어할 수 있습니다. 외부 스타일시트는 CSS 파일에 저장됩니다. 2. CSS 구문 •CSS3 규칙은 선택자와 선언 블록으로 구성된다. •선택자는 스타일을 입힐 특정 HTML Tag를 지정한다. •선언은 CSS 속성명과 속성값으로 구성됩니다, 이들은 콜론으로 구분한다. •선언은 세미콜론으로 마무리하며 중괄호로 감싸준다. 3. CSS 선택자 3. CSS 선택자 - HTML 요소 선택자. 스타일 종류 1 문단입니다 2 문단입니다 3. CSS 선택자 - CSS I..

HTML FORM HTML 양식은 사용자 입력을 수집하는 데 사용됩니다. 사용자 입력은 처리를 위해 가장 자주 서버로 전송됩니다. HTML Forms First name: Last name: If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php". 요소 HTML 요소는 사용자 입력을 위한 HTML 양식을 만드는 데 사용됩니다. 요소는 텍스트 필드, 체크박스, 라디오 버튼, 제출 버튼 등과 같은 다양한 유형의 입력 요소를 위한 컨테이너입니다 . . form elements . action 속성 : 입력 데이터를 처리할 페이지 URL. method 속성 : 입력 데이터를 서버에 전달할 방식을..

HTML Semantic HTML5에서는 웹 페이지의 레이아웃만을 위한 별도의 새로운 의미론적 Tag들을 제공합니다. 시맨틱 요소란? 의미론적 요소는 브라우저와 개발자 모두에게 의미를 명확하게 설명합니다. HTML의 시맨틱 요소 많은 웹 사이트에는 탐색, 머리글 및 바닥글을 나타내는 와 같은 HTML 코드가 포함되어 있습니다. HTML에는 웹 페이지의 다른 부분을 정의하는데 사용할 수 있는 몇 가지 의미론적 요소가 있습니다. HTML5에서 추가된 의미(Semantic) Tag CSS Layout Float In this example, we have created a header, two columns/boxes and a footer. On smaller screens, the columns will ..
- Total
- Today
- Yesterday