티스토리 뷰

개발/HTML,CSS

HTML Heading(제목)

아테즈 2019. 7. 3. 17:18

원문

HTML의 Headings(제목)

  • HTML은 <h1>부터 <h6>까지 제목을 담당하는 tag가 있습니다.
  • <h1>부터 <h6>까지 중요도 순으로, 크기가 변합니다.
  • 예시는 아래와 같습니다
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
알아두기 : 브라우저는 제목 태그 다음 자동으로 약간의 여백을 삽입합니다.
  • Heading을 하는 경우엔 <h1>같은 태그만 사용하는게 좋습니다. 단순히 텍스트를 크게하거나 진하게하는 기능을 사용하지 않는게 좋습니다.

더 큰 Headings(제목)

각 HTML 제목은 기본 크기가 정해져있는데, 이 크기를 style attribute로 변경할 수 있습니다. 

<h1 style="font-size:60px;">Heading 1</h1>

구분선 넣기

<hr>이라는 태그는 HTML 문서에 구분선을 삽입할 수 있게 해줍니다. 이 태그는 특이하게 <br>과 비슷하게 end tag가 없이 혼자 쓰입니다.

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

HTML의 <head>에 대해서

HTML의 <head> ... </head>에는 메타데이터(metadata)를 포함할 수 있습니다. HTML 메타데이터는 HTML문서에 대한 데이터이며 화면에 표시되지 않습니다. <head>는 <html>태그와 <body>태그 사이에 위치합니다.

<!DOCTYPE html>
<html>

<head>
  <title>My First HTML</title>
  <meta charset="UTF-8">
</head>

<body>
.
.
.

 

'개발 > HTML,CSS' 카테고리의 다른 글

HTML style(스타일), quotation(인용), comments(주석)  (0) 2019.07.03
HTML Paragraphs(문단)  (0) 2019.07.03
HTML Heading(제목)  (0) 2019.07.03
HTML의 특징  (0) 2019.07.03
HTML 소개  (0) 2019.07.03
댓글
댓글쓰기 폼
공지사항
Total
21,136
Today
0
Yesterday
27
링크
TAG
more
«   2022/07   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
글 보관함