티스토리 뷰
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의 특징 (0) | 2019.07.03 |
HTML 소개 (0) | 2019.07.03 |
댓글