Posis

[HTML] 텍스트 태그 본문

HTML, CSS

[HTML] 텍스트 태그

CooNiHong 2023. 1. 4. 16:54

br

줄을 바꿀 위치에 <br> 태그를 사용. 닫는 태그가 없음

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<p>Lorem Ipsum is simply dummy text of<br> the printing and typesetting industry.</p>

blockquote

글귀를 인용할 때 사욥합니다. 다른 텍스트보다 안으로 들여 써짐.

<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<blockquote>Lorem Ipsum is simply dummy text of the printing</blockquote>
<p>Lorem Ipsum is simply dummy text of the printingLorem Ipsum is simply dummy text of the printing</p>

strong, b

strong과 b는 글씨를 굵게 표현합니다.

strong: 중요한 내용이라서 강조해야 할 때

b: 단순히 굵게 표시할 때

<p>Lorem Ipsum is <strong>simply dummy text</strong> of the printing and typesetting industry.</p>
<p>Lorem Ipsum is <b>simply dummy text</b> of the printing and typesetting industry.</p>

em, i

em과 i태그는 글꼴이 기울어집니다.

em: 흐름상 특정 부분을 강조하고 싶을 때

i: 단순히 이탤릭체로 표시할 때

<p>Lorem Ipsum is <em>simply dummy text</em> of the printing and typesetting industry.</p>
<p>Lorem Ipsum is <i>simply dummy text</i> of the printing and typesetting industry.</p>

 

728x90

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

[HTML] 표 만들기  (0) 2023.01.04
[HTML] 목록 만들기  (0) 2023.01.04
[HTML] 시맨틱 태그(Semantic Tag)란?  (0) 2023.01.03
[HTML] 제목, 문단, 줄, 주석  (0) 2023.01.03
[HTML,CSS] Floating Label 직접 만들기  (0) 2021.10.27