가장 많이 사용되는 15개 태그 정리
1. Headings <h1 ~ h6>
2.Paragraphs <p>
3. Links <a>
4. Images <img>
5. Line Break <br>
6. Bold & Strong <strong>
7. Underlined <u>
8. Ordered Lists <ol>
9. Unordered Lists <li>
10. DIV <div>
11. Title
12. input
13. form
14. body
15. head
1. Headings
heading 태그는 <h1> - <h6> 까지 있다.
<h1> 태그는 가장 중요한 Heading 태그 이며 , 글자 크기가 가장 크다.
<h> 뒤에 오는 숫자가 증가할수록 폰트의 크기는 점점 작아지고, <h6> 까지 표현할 수 있다.
검색엔진은 웹페이지의 내용과 구조를 색인(정리)하기 위해 Heading 태그를 사용한다.
사용자들은 우리 웹페이지를 그 웹페이지의 heading을 살짝 훑게된다. heading 태그를 사용하는 것은 문서의 기본적인 구조를 보여주는데에 있어서 매우 중요하다.
<h1> 태그는 메인 제목에 사용되어야만 하고, h2 , h3..로 갈수록 문서에서의 중요도는 떨어진다고 이해할 수 있다.
각각의 HTML Heading은 이미 설정된 폰트 사이즈가 있다. 하지만 우리는 heading 태그를 style 속성의 Font size 속성을 함께 사용하여, 사이즈를 재정의할 수 있다.
[예시]
<h1 style="font-size:60px;">Heading 1</h1>
<hr> 태그는 하나의 HTML 페이지를 하나의 주제로 인지하며, 보통 해당 태그를 수평 법칙이라고 부른다.
<hr> 요소는 하나의 HTML 페이지 안에 있는 컨텐츠를 분리하기 위하여 사용되곤 한다.
HTML <head> 태그는 HTML heading 에서는 실제로 아무런 일도 하고 있지 않다.
<head> 태그는 metadata를 담아두기 위한, 하나의 컨테이너라 볼 수 있다. HTML 메타데이터는 HTML 문서 정보의 데이터를 의미하는 것이고,
우리가 웹페이지를 볼 때에는 따로 눈에 보이는 것은 아니다.
<head> 태그는 보통 <html> 태그와 <body> 태그 사이에 위치할 수 있다.
태그 이름 | 설명 |
---|---|
<html> | HTML 문서의 뿌리를 정의합니다. |
<body> | 문서의 바디 영역을 관장하는 태그 입니다. |
<head> | head 요소들(제목, 스크립트, 스타일, 메타 데이터 , 등등) 을 담아두기 위한 컨테이너의 역할을 합니다. |
<h1> to <h6> | HTML heading을 정의합니다. |
<hr> | 문서안에 있는 컨텐츠를 수평으로 분류할 수 있습니다. |