HTML의 기본 구조
1. 태그는<태그><-이런식으로 사용합니다.
2. 태그는 중첩이 가능합니다.
3. 열고 닫는 태그를 확실히 입력합시다.
4. 여닫는 것도 확실히 합시다.
※태그란?
html에서 <>로 이루어진 것을 말합니다.
(ex. <p>, <h1>, <br>등등)
html의 기본구조 살펴보기
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>html 첫 문서</title> </head> <body> <h1>Hello World! (html 첫 문서)</h1> <p>HTML(Hyper Text Markup Language)</p> <br> <img src="images/first.jpg"> </body> </html> | cs |
위와 같이 사용할수 있습니다.
보시면 doctype, html, head, body가 중심이 되는 것을 보실 수 있습니다.
이제 역할을 알아보겠습니다.
doctype
이것은 웹브라우저에게 이것은 무슨문서라고 이렇게 읽어야한다고 명시하는 것이라고 생각하시면 됩니다.
html
이것은 문서가 시작된다는 의미이고 lang="ko"를 이용해서 한국어를 사용할 것이라는 사실을 알리고 있습니다.
head
이것은 웹브라우저에 정보를 주는 태그입니다.
meta태그를 통해 인코딩을 utf-8로 한다는 사실을 주었고 title태그를 이용해 문서제목↓
부분이 무엇인지 알려주었습니다.
body
그냥 보시면 아시듯이 사용자에게 표시될 부분을 body태그를 사용해서 표현합니다.