05.HTML Heading

익스랩 최고 관리자

·

2019. 10. 28. 19:26

반응형

 

HTML 제목


제목은 <h1>부터 <h6>까지의 태그로 정의됩니다.

<h1>은 가장 중요한 제목을 정의합니다.

<h6>은 가장 중요하지 않은 제목을 정의합니다.

 

See the Pen 01.HTML Headings by heunho (@heunho) on CodePen.

 

참고 : 브라우저는 제목 앞 뒤에 공백(여백)을 자동으로 추가합니다.

 

 

제목은 중요합니다.


검색 엔진은 표제를 사용하여 웹 페이지의 구조와 내용을 색인화 합니다.

사용자는 제목을 기준으로 페이지를 훑어봅니다. 문서 구조를 표시하려면 제목을 사용하는 것이 중요합니다.

<h1> 태그는 가장 중요한 제목으로 정의하고 <h2>태그는 <h1> 태그보다 중요하지 않은 제목으로 정의합니다. <h3> 태그는 <h2> 태그보다 중요하지 않은 제목으로 사용되어야 합니다.

 

참고 : 제목에만 제목(h) 태그를 사용하세요. 제목 태그를 사용하여 텍스트를 크게 또는 굵게 표시하지 마세요.

 

 

더 큰 제목


각 HTML 제목태그에는 기본 크기가 정해져 있습니다. 그러나 CSS의 font-size 속성을 사용하여 style 속성으로 제목의 크기를 변경할 수 있습니다.

 

See the Pen 02.Bigger Headings by heunho (@heunho) on CodePen.

 

 

HTML 수평 테두리


<hr> 태그는 HTML 페이지에서 주제별로 정의하게 도와주며 대부분 테두리로 표시됩니다.

<hr> 요소는 HTML 페이지에서 내용을 분리하거나 재정의 하는 데 사용합니다.

 

See the Pen 03.HTML Horizontal Rules by heunho (@heunho) on CodePen.

 

 

HTML <head> 요소


HTML <head> 요소는 HTML 제목과 아무 관련이 없습니다.

 

<head> 요소는 메타 데이터의 컨테이너입니다. HTML 메타 데이터는 HTML 문서에 대한 데이터입니다. 그리고 메타 데이터는 표시되지 않습니다.

 

<head> 요소는 <html> 태그와 <body>태그 사이에 배치됩니다.

 

See the Pen 04.The HTML <head> Element by heunho (@heunho) on CodePen.

 

참고 : 메타 데이터는 일반적으로 문서 제목, 문자 집합, 스타일, 링크, 스크립트 및 기타 메타 정보를 정의합니다.

 

 


틀린 내용, 오타, 오역이 있을 경우 댓글로 알려주시면 감사하겠습니다.

질문도 올려주시면 아는 선에서 답변해드리겠습니다.


대부분의 내용의 저작권은 w3schools에 있습니다.

 

HTML Headings

HTML Headings Headings Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Try it Yourself » HTML Headings Headings are defined with the to tags. defines the most important heading. defines the least important heading. Example

www.w3schools.com

 

반응형

'IT 언어 연구소 > HTML,CSS [초급, 기본 개념, W3C 번역]' 카테고리의 다른 글

07.HTML Styles  (0) 2019.10.28
06.HTML Paragraphs  (0) 2019.10.28
04.HTML Attributes  (0) 2019.10.28
03. HTML Elements  (0) 2019.10.28
02. HTML Basic  (0) 2019.10.28

💖 포스터에게 힘 보내기 💖

카카오뱅크
3333-25-9477515
치킨 좋아하는 포스터