[따라하며 배우는 HTML, CSS] 1 - (4) HTML 기본 태그와 역할

Heading: <h1> ~ <h6>

: 주로 웹 페이지에서 표시하려는 제목으로 사용

(<h1>은 하나의 페이지에서 제일 큰 주제를 위해 한 번만 사용하는 것 추천.)

 

Paragraphs: <p>

: 문단을 정의할 때 사용됩니다.

 

Preformmatted Text

: 미리 정의된 형식의 텍스트를 정의할 때 사용합니다.

: 텍스트에 사용된 여백과 줄 바꿈이 모두 그대로 브라우저 화면에 나타납니다.

---

List(목록태그)

: HTML 문서에서 목록을 나타내는 태그 ( 종류: 크게 3가지)

 

1. 순서가 있는 목록: <ol> Ordered List

 

* ol은 속성 reversed, start, type에 따라 리스트를 원하는 양식으로 바꿀 수 있습니다.

 

2. 순서가 없는 목록: <ul> Unordered List

* ul은 type 속성을 square로 하면 리스트 모양이 변합니다.

 

3. 설명 목록: <dl> Description List

: 용어집, 용어 목록 또는 기타 이름-값 목록을 제시할 때 매우 적합합니다.

 

<dl>: 목록의 시작을 정의합니다.

<dt>: 용어를 정의합니다.

<dd>: 용어를 설명합니다.

 

---

Break(개행)

: <br> 태그를 이용해서 줄바꿈을 구현합니다.

 

Horizontal Rule

: <hr> 태그를 이용해서 수평선을 구현합니다.

 

텍스트 서식

<strong>: 글씨 굵게, 강조(보기에는 같지만 의미적으로 강조)

<b>: 글씨 굵게(보이기에)

<em>: 글씨 기울게, (글씨 강조)

<i>: 글씨 기울게

<small>: 작은 텍스트

<mark>: 해당 부분 형광펜으로 하이라이트 표시 (강조)

<sub>: 아랫첨자 텍스트 표시

<sup>: 윗첨자 텍스트 표시

---

인용

<blockquote>: 들여쓰기로 표현 (블록 요소)

<q>: 따옴표로 표시 (인라인 요소)

---

출처

따라하며 배우는 HTML, CSS - 인프런 | 강의