728x90
반응형
HTML 기본 구조는 <!DOCTYPE>로 시작해서, <html>,<head>,<body>라는 3개의 영역으로 구성되어 있습니다.
HTML 기본 구조
다음은 HTML 문서의 기본적인 구조를 보여주는 그림입니다
728x90
<!DOCTYPE> : 웹 문서의 유형을 지정하는 선언문
현재 문서가 HTML 문서 타입을 명시합니다.
<html></html> : 웹 문서의 시작을 알리는 태그
<html>태그는 웹 문서가 시작된다는 뜻이고, </html>태그는 웹 문서가 끝났다는 뜻입니다
HTML문서의 루트(root)요소를 정의합니다
<html lang="ko">처럼 문서에서 사용할 언어를 지정 할 수 있습니다
</html>태그 뒤에는 아무 내용도 없어야 합니다
<head></head> : 웹 브라우저에 무서 정보를 알려주는 태그
브라우저에게 정보를 주는 HTML문서의 메타데이터(metadata)를 정의합니다. (웹 브라우저 화면에는 보이지 않지만 웹 브라우저가 알아야할 정보가 담긴 태그입니다)
- 메타데이터(metadata)란 HTML문서에 대한 정보(data)로 웹 브라우저에는 직접적으로 표현되지 않는 정보를 의미합니다
- 메타데이터의 종류 : <title>, <style>, <meta>, <link>, <script>, <base>태그 등
- <head>영역에서 문서에 사용할 스타일 시트 파일을 연결해줍니다
<title></title> : 문서 제목을 나타내는 태그
HTML 문서의 제목(title)을 정의하며, 다음과 같은 용도로 사용됩니다
- 웹 브라우저의 툴바(toolbar)에 표시됩니다
- 웹 브라우저의 즐겨찾기(favorites)에 추가할 때 즐겨찾기의 제목이 됩니다
- 검색 엔진의 결과 페이지에 제목으로 표시됩니다
<body></body> : 웹 브라우저에 내용(content)을 표시하는 태그
문서 유형을 저의하고 문서 정보까지 입력했다면 <body>와 </body>사이에 실제 웹 브라우저에 표시할 내용을 입력합니다.
<h1></h1> ~ <h6></h6>
제목(heading)을 나타냅니다
<p></p>
단락(paragraph)을 나타냅니다
728x90
반응형
'IT공부_HTML' 카테고리의 다른 글
[HTML]HTML 요소(element) 구조 (1) | 2023.04.05 |
---|---|
[HTML]HTML 기초 (0) | 2023.03.15 |