HTML5 문서의 기본 구조
오늘은 HTML5 문서의 기본 구조에 대해서 포스팅합니다.
1. <!doctype html>
문서 유형을 지정하는 태그 입니다.
HTML 문서를 작성하실때 맨 처음으로 적어주시는 태그 입니다.
지금부터 작성하는 문서는 HTML5를 이용해서 작성할테니
그 유형에 맞게 해석을 하라고 컴퓨터에게 알려주는 태그입니다.
2. <html> ~ </html>
문서 작성의 시작과 끝을 알려주는 태그 입니다.
문서를 작성하실 때 <html>~</html>사이에 작성하셔야
제대로 된 결과를 얻으실수 있습니다.
3. <head> ~ </head>
웹 브라우저 화면에 드러나지 않지만
웹 브라우저가 알아두어야 할 정보들을 이 태그 사이에 작성하셔야 합니다.
예를 들어서 위에 태그 중에서
<meta charset="utf-8">이라는 태그는 문자 인코딩을 지정하는 것입니다.
한글과 영문 등 언어들을 웹브라우저에 나타내는데
문자 인코딩 방법이 각자 틀리기 때문에 글자가 깨지지 않고
화면에 잘 나타나게 하기 위해서 utf-8이라는 인코딩 방법을 지정해 준것입니다.
이것을 제외 하고도 각자 언어에 맞는 다른 인코딩 방법이 있으며
인코딩 말고도 문서의 키워드나 요약 정보들도 지정할 수도 있습니다.
그리고 <title>~</title>라는 태그는 문서 제목을 지정하는 태그입니다.
아래 사진은 위에 HTML문서를 실행 했을 때 나타나는 화면이고
빨간 박스가 있는 곳이 <title>~</title>라는 태그를 이용해서
문서 제목을 지정하는 부분입니다.
4. <body>~</body>
이 태그는 실제 브라우저에 표시된 내용을 입력하는 공간 입니다.
앞으로 HTML에 대해서 배우게 될 대부분의 태그들은 이 사이에서 사용됩니다.
예를 들어서 위에 쓰여진 태그들만 간단히 설명드리겠습니다.
(1) <center><h1>화이팅!!</h1></center>
이 곳에서 사용되어진 태그는 2가지 입니다.
<center>~</center>
이 것은 사이에 쓰여진 글을 중앙에 배치시키는 태그입니다.
<h1>~</h1>
이 태그는 글자의 크기를 지정하는 태그입니다.
(2) <hr>
이 태그는 줄을 그어주는 태그입니다
직장을 다니면서 투잡(알바/부업)으로 월급 많큼 수익을 얻고 싶으시다면 아래 접속하셔서 상담받아 보실 수 있습니다. (믿음의 재택부업회사) 
'홈페이지제작 > HTML' 카테고리의 다른 글
| [HTML5 기초] 4.1 HTML5 텍스트 태그 학습 (0) | 2017.10.28 |
|---|---|
| HTML5 표 관련 태그 (0) | 2017.10.27 |
| HTML5의 이해 -2 (0) | 2017.10.25 |
| HTML 5 는 HTML 보다 훨씬 더 Sementic 한 Web을 구성 (0) | 2017.10.25 |
| HTML 5 를 시작해야하는 이유 (0) | 2017.10.25 |
itworldkorea
IT korea가 세상(world)을 변화시킨다.