728x90
반응형
*HTML 구조와 각 요소의 역할 이해하기
[<!DOCTYPE html>]
- DOCTYPE 선언은 HTML 문서에서 <html> 태그를 정의하기 전 가장 먼저 선언되야 한다
- DOCTYPE 선언은 브라우저가 웹 페이지를 올바르게 표시할 수 있도록 도와준다
- DOCTYPE 선언은 HTML 태그 앞에 페이지 맨 위에 한 번만 표기한다
- DOCTYPE 선언은 문서의 유형을 나타내며, 대소문자 구분이 없다
- HTML5에서의 DOCTYPE 선언은 아래 예제에서 확인할 수 있다
[HTML Headings]
- HTML Headings는 <h1>부터 <h6>까지의 태그로 정의되며, <h1>은 가장 중요한 제목을 정의한다
- <h6>은 가장 덜 중요한 것을 정의하므로 순서대로 쓰면 아래 예제처럼 점점 아련해진다...★
[HTML Paragraphs]
- HTML paragraphs는 <p> 태그로 정의된다
#Source
<!DOCTYPE html> <!--DOCTYPE 선언문-->
<html>
<body>
<!--Headings -->
<h1>My First Heading</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<!--Paragraph-->
<p>My First paragraph.</p>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>
#Result
728x90
반응형
'Dev 개발 스터디 (동면 중) > Dev_HTML' 카테고리의 다른 글
| [HTML] Tutorial 05 - Elements(요소) (0) | 2021.06.05 |
|---|---|
| [HTML] Tutorial 04 - Basic2 (Body 요소-Images/Links) (0) | 2021.06.03 |
| [HTML] Tutorial 03 - Editors (0) | 2021.06.03 |
| [HTML] Tutorial 02 - Introduction (0) | 2021.06.03 |
| [HTML] Tutorial 01 - Home (Title, Heading, Paragraph) (0) | 2021.06.02 |