1. HTML 문서의 구조
HTML은 크게 <head>태그와 <body>태그로 구분 할 수 있습니다. 앞에 포스팅에서 했던, <strong>, <a> 태그 같은 것들이 <body>태그에 해당합니다. <head>태그에 해당하는 것으로는 다음과 같은 것이 있습니다.
<head>
<title>HTML - 수업소개</title>
<meta charset="utf-8">
</head><title> 태그는 문서의 탭에 나타나는 이름을 정하는 태그입니다. 또한 페이지에서 한글같은 글자가 깨질 떄가 있는데 이때 인코딩을 utf-8로 설정할때 <meta> 태그와 charset 속성값을 사용합니다.
그리고, <head>, <body> 태그는 <html>태그에 둘러쌓여 있습니다. 전체 코드를 한번 봐보면 이러한 구조입니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML - 수업소개</title>
<meta charset="utf-8">
</head>
<body>
<h1>HTML</h1>
<ol>
<li>기술소개</li>
<li>기본문법</li>
<li>하이퍼텍스트와 속성</li>
<li>리스트와 태그의 중첩</li>
</ol>
<h2>선행학습</h2>
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다.
</body>
</html>여기서 맨에 코드를 보면 DOCTYPE이라는 것이 나옵니다. Document Type Declaration의 약자입니다. 자신이 작성한 html 코드가 어떤 방식의 html코드로 작성됐는지 브라우저에게 알려주는 문자입니다. 브라우저에게 어떠한 표준을 따르고 있는 태그들이야 하고 알려주는 것입니다. 각각의 doctype들이 어떤 버전에 따라서 작성됬는지 알려줍니다. 현재는 html5 입니다.
'HTML' 카테고리의 다른 글
| [HTML] html table (0) | 2019.05.08 |
|---|---|
| [HTML] html 태그(p, br, img) (0) | 2019.05.02 |
| [HTML] 태그의 중첩과 목록(리스트) (0) | 2019.05.02 |
| [HTML] HTML 태그 속성 (0) | 2019.05.02 |
| [HTML] HTML 시작 (0) | 2019.05.02 |
