Minwoo Dev.

(8) HTML 태그 - h 본문

Web

(8) HTML 태그 - h

itisminu 2023. 7. 9. 13:18
728x90
반응형
SMALL

<h1> ~ <h6> : HTML 문서에서 제목(heading)을 정의할 때 사용함.

<h1> 요소가 가장 중요한 제목을 정의하고, <h6> 요소가 가장 덜 중요한 제목을 정의합니다.

<h1>이 텍스트는 h1 요소를 사용한 제목입니다.</h1>
<h2>이 텍스트는 h2 요소를 사용한 제목입니다.</h2>
<h3>이 텍스트는 h3 요소를 사용한 제목입니다.</h3>
<h4>이 텍스트는 h4 요소를 사용한 제목입니다.</h4>
<h5>이 텍스트는 h5 요소를 사용한 제목입니다.</h5>
<h6>이 텍스트는 h6 요소를 사용한 제목입니다.</h6>
<p>이 텍스트는 p 요소를 사용한 단락입니다.</p>

 

 

<head> : 해당 문서에 대한 정보인 메타데이터(metadata)의 집합을 정의할 때 사용함.

다음과 같은 요소들은 <head> 요소에 포함되어야 합니다.

- <title>

- <style>

- <base>

- <link>

- <meta>

- <script>

- <noscript>

 

이 중에서 <script> 요소와 <noscript> 요소는 <head> 요소뿐만 아니라 <body> 요소에 포함될 수도 있습니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <title>HTML 문서의 제목입니다.</title>
</head>
<body>
    HTML 문서의 콘텐츠(contents) 영역입니다.
</body>
</html>

 

 

<header> : 문서나 특정 섹션(section)의 헤더(header)를 정의할 때 사용함.

헤더(header)는 보통 도입부에 해당하는 콘텐츠나 네비게이션 링크의 집합 등과 같은 정보를 포함하게 됩니다.

- 하나 이상의 제목 요소(h1 ~ h6)

- 로고(logo)나 아이콘(icon)

- 저자(author) 정보

 

HTML 문서는 여러 개의 <header> 요소를 포함할 수 있습니다.

<article>
    <header>
        <h3>날씨 정보</h4>
        <h4>2월 19일</h4>
        <p>- 기상청 제공 -</p>
    </header>
    <p>서울 : 맑음</p>
    <p>대전 : 흐림</p>
    <p>부산 : 비</p>
</article>

 

 

<hr> : 콘텐츠 내용에서 주제가 바뀔 때 사용할 수 있는 수평 가로선을 정의할 때 사용함.

<hr> 요소는 HTML 문서에서 내용을 구분하거나 주제의 변화를 정의합니다.

<h2>HTML</h2>
<p>HTML은 웹 페이지를 만드는 데 사용하는 언어입니다.</p>

<hr>

<h2>CSS</h2>
<p>CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용하는 언어입니다.</p>

 

 

<html> : HTML 문서의 루트 요소(root element)를 정의할 때 사용함.

<html> 요소는 DOCTYPE 선언을 제외한 모든 다른 HTML 요소를 포함하기 위한 컨테이너이며, 브라우저에게 해당 문서가 HTML 문서임을 알려주는 역할을 합니다.

<!DOCTYPE html>
<html lang="ko">
<head>
    <title>HTML 문서의 제목입니다.</title>
</head>
<body>
    HTML 문서의 콘텐츠(contents) 영역입니다.
</body>
</html>

 

 

 

 

공부를 목적으로 정리한 게시글입니다.

출처 - http://www.tcpschool.com/html-tags/intro

728x90
반응형
LIST
저작자표시

'Web' 카테고리의 다른 글

(10) HTML 태그 - k, l  (0) 2023.07.09
(9) HTML 태그 - i  (0) 2023.07.09
(7) HTML 태그 - f  (0) 2023.07.09
(6) HTML 태그 - e  (0) 2023.07.09
(5) HTML 태그 - d  (0) 2023.07.09
'Web' Related Articles more