반응형
■ html의 기본 구조
HTML 문서는 여러 요소(element)로 구성된다.
상위 요소에 하위 요소가 포함되는 형식으로 구성된다.
- <!DOCTYPE html> </html>: DTD(Document Type Definition, 문서 형식 정의) 선언. 이 문서의 타입이 html이라는 걸 선언한다.
- <html> </html>: html 문서의 루트(root) 요소를 정의한다.
- <head> </head>: html 문서에 대한 메타데이터를 다룬다. 웹 브라우저에 표시되지 않는다.
- <body> </body>: 웹 브라우저에 보여지는 정보를 다룬다.
▷ 메타데이터(metadata)
문자 집합, 스타일, 링크, 스크립트, 문서 제목 등을 정의한다.
<title>, <style>, <meta>, <link>, <script>, and <base> 등의 메타데이터가 있다.
* 출처: TCP school
■ HTML 요소 구조
▷ 요소(element)란?
'<태그> 내용 </태그>' 이 밑줄 친 전체를 요소라고 부른다.
다시 말해서, 태그를 포함하여 태그로 감싼 내용을 모두 요소라고 한다.
HTML 요소는 여러 속성(attribute)을 가질 수 있으며,
이러한 속성은 해당 요소에 대한 추가적인 정보를 제공한다.
HTML 요소는 시작 태그로 시작되고 종료 태그로 끝난다는 것을 놓치지 말자.
∨ 속성은 항상 시작 태그 내에서만 사용할 수 있다.
∨ 속성은 속성 이름과 속성값(value)로 표현된다.
- 시작 태그: <태그이름 속성이름="속성값">
∨ 속성 이름은 소문자로 작성하자.
∨ 속성값은 따옴표로 감싸자. (속성값에 띄어쓰기가 있는 경우, 따옴표가 없으면 오류가 발생할 수 있다.)
반응형
