<!DOCTYPE html>
<html>
<head>
<title>HTML 문서 제목</title>
</head>
<body>
<h1>제목 1 입니다.</h1>
<h2>제목 2 입니다.</h2>
<h3>제목 3 입니다.</h3>
<p>본문 단락입니다.</p>
</body>
</html>위 문서는 HTML의 기본적인 구조입니다.
저희가 코딩을 하기 위해서는 기본적인 구조를 이해하고 각 상황에 맞는 태그를 활용하여 코드를 정의하여야 합니다.
<!DOCTYPE html>
: 문서가 HTML5 임을 명시합니다.
<html>
: HTML 문서의 루트(root) 요소를 정의합니다.
<head>
: HTML 문서의 metadata를 정의합니다.
metadata(메타데이터)란?
HTML 문서에 대한 정보이며, 브라우저에는 직접적으로 표현되지 않습니다.
<title>, <style>, <meta>, <link>, <script> 등의 태그들을 이용하여 문서의 제목, 스타일 등을 지정 할 수 있습니다.
<title>은 브라우저의 툴바(toolbar)에 표시되며, 검색 엔진의 결과, 즐겨 찾기 등의 제목이 됩니다.
<body>
: 브라우저를 통해 보여지는 화면 부분입니다.
디자인한 화면이 직접적으로 노출되는 내용(content)의 영역입니다.
<h1> <h2> <h3> ...<h6>
: 글의 제목(Heading)을 나타냅니다
<p>
: 문서의 단락(paragraph)을 나타냅니다.
제목, 단락, 기본적인 구조에 대하여 알아보았습니다.
좀 더 세분화된 내용으로는 각각의 요소에 따라 어떤 식으로 활용하는지 차근차근 자세히 말씀드리겠습니다.
'Web > html' 카테고리의 다른 글
| HTML TEXT요소 - 단락편 (0) | 2023.08.30 |
|---|---|
| HTML TEXT요소 - 제목편 (0) | 2023.08.30 |
| 04.HTML 구조(요소) (0) | 2023.08.29 |
| 02.HTML의 기초 (0) | 2023.08.26 |
| 01.HTML의 개요 (0) | 2023.08.25 |