HTML = Hyper Text Markup Language
' 하이퍼 텍스트 마크업 언어 '라고 하며, 웹을 이루는 가장 기본 요소이다.
※ 웹페이지는 세 가지로 이루어져 있다.
1. 레이아웃을 담당하는 HTML
2. 기능을 담당하는 Java script
3. 꾸밈을 담당하는 CSS
HTML 기본구조
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title> Title </title> 6 </head> 7 <body> 8 9 </body> 10 </html> |
부연설명
1. 꺽쇠(<>)는 태그라고 한다. 태그는 여는태그 <>, 닫는태그 </>가 한쌍으로 이루어져 있다.
태그는 태그 이름과 속성으로 태그를 만들고, 속성은 여러개가 될 수 있다.
2. (1)번 줄은 html5를 명시한다.
3. (2), (10)번 줄은 html 태그로 모든 태그를 감싸고, html 태그는 lang이라는 속성을 지니고 있다.
4. (3), (4), (5), (6)번 줄은 meta, title, style, script, link 등의 태그를 포함 할 수 있다.
meta태그는 HTML문서가 내용, 키워드, 제작자 등의 내용을 가집니다. 또한 name과 content속성으로 문서의 정보를 나타낸다.
title태그는 문서의 제목을 나타냅니다.
style태그는 CSS코드가 포함되는 태그이다.
link태그는 CSS코드가 포함된 CSS파일을 로드하는 파일이다.
script태그는 javascript코드가 포함된 태그이며, 코드작성 및 코드 포함 파일을 로드할 수 있다.
또한 head태그에 포함되지만 body 태그 가장 하단의 포함될 수도 있다.
5. (7), (8), (9)번 줄은 웹 페이지의 내용을 담고 있는 부분이다.