HTML 기본구성 요소 및 구조

HTML 기본구성 요소

HTML은 문서의 내용과 이를 둘러싼 태그로 이루어져 있습니다.

- 시작태그 : <태그이름>

- 종료태그 : </태그이름>

- 시작태그와 끝 태그 사이에 문서 내용이 오며, 다른 태그들도 포함 가능 합니다.

- 시작 태그안에 '속성이름 = "속성값" '의 쌍들로 속성을 지정 할 수 있습니다.

<!DOCTYPE html>

문서타입을 선언 합니다.

<!DOCTYPE html>는 현재 문서가 HTML5 문서임을 명시합니다.

<html>

html 문서임을 나타내며, html 문서를 감싸는 태그로 파일에 한번만 사용됩니다.

또한 html 바깥에는 DOCTYPE을 제외한 다른 태그가 사용 될 수 없습니다.

<head>

html 문서의 설명(정보)을 나타냅니다.

한번만 사용되며, html 바로 아래에 위치해야 합니다.

<title>

head 안에 위치하며, 브라우저 제목표시줄(툴바:toolbar)의 내용을 나타냅니다

웹 브라우저의 즐겨찾기에 추가할 때 기본 제목으로 표시 됩니다.

<meta>

문서에 대한 설명(정보)을 나타냅니다. 사람에게 보이지 않는 내용 입니다.

<bod>

문서의 실제적인 내용부분을 나타냅니다. 한번만 사용되며, head 아래에 위치해야 합니다.

HTML 기본구조

<!DOCTYPE html>

<html>

<head>

<title>제목</title>

  <meta 문서설명(정보) />

</head>

<body>

<h1>주제</h1>

  <div>

<p>내용</p>

</div>

</body> 

</html>

HTML기본구성 및 구조

HTML 기본구성 및 기본구조에 대하여 알아보았습니다.

기본구조에 나와 있는 <h1>, <div>, <p> 태그는 기본구성에 해당하는 항목들은 아닙니다. 따라서 해당 태그에 대하여는 다음 포스팅에서 알아보도록 하겠습니다.