오늘부터는 이제 슬슬 html 구조를 본격적으로 분석해봅시다.
먼저, <html> tag 를 알아봅시다.
앞선 글들에서 설명드렸듯이,
다양한 버전들이 수년간 발행되어왔지만, html 기본은 같습니다.
html 문서의 구조는 샌드위치 구조와 비교되곤 하죠.
샌드위치가 위아래로 빵 두조각에 감싸여져 있듯이,
html 문서도 opening html tag 와 closing html tag 로 이루어져 있습니다.
이 태그는 샌드위치의 빵과 같이 html 문서의 모든 내용물을 감싸고 있습니다.
<html>
...
</html>
이렇게 말이죠.
다음은 <head> tag 입니다.
opening html tag 에 바로 뒤이어, 나오는 태그로 이 역시 opening head tag 와 closing head tag 로 해당 내용을 파악합니다.
html파일의 head 는 page work 만드는 걸 돕는 모든 non-visual elements 를 포함합니다.
<html>
<head>...</head>
</html>
이런식으로 말이죠.
그 다음은 <body> tag 입니다.
body tag 는 head tag 다음에 나옵니다.
모든 visual-structural elements가 이 body 태그 내에 포함됩니다.
headings, paragraphs, lists, quotes, images, 그리고 links 가 body 태그 내에 포함될 수 있는 몇몇 요소들입니다.
기본 구조는
<html>
<head>
</head>
<body>
</body>
</html>
이렇게 됩니다.
다음 글에서 계속 설명드리겠습니다.
'웹프로그래밍' 카테고리의 다른 글
| html 텍스트 표시 방법 (0) | 2019.02.08 |
|---|---|
| HTML 문서의 기본 구조 (0) | 2019.02.06 |
| 웹 프로그래밍 공부하는 순서 (0) | 2018.01.20 |
| 개발자 테크 트리 (0) | 2017.12.21 |
| HTML 기초 (0) | 2017.12.19 |