[HTML] 주요 formatting 태그 / <b> / <em> / <i> / <pre> / <sub> / <sup>
by mini_min[HTML]
주요 formatting 태그 <b> / <em> / <i> / <pre> / <sub> / <sup>
✔️ <b> ~ </b>
: 글자 강조 태그 . 볼드체!
: 키워드나 리뷰에서 상품명, 기타 보통 볼드체 표현할 때 사용
✔️ <em> ~ </em>
: 텍스트 강조 태그. 중요성을 나타내지는 않는다. 이탤릭체와 동일하게 출력한다.
✔️ <i> ~ </i>
: 이탤릭체 태그
: 다른 언어에서 널리 쓰이는 숙어의 인용, 생각, 꿈, 분류학 명칭, 기타 등을 표현하는 텍스트에 사용한다.
✔️ <pre> ~ </pre>
: 서식 설정 텍스트 태그다.
: 서식이 설정된 텍스트를 표시하는데 사용한다.
: 공백, 탭, 엔터키 등을 그대로 화면상에 표현 가능!
✔️ <sub> / <sup>
: 첨자 텍스트 태그 / 슈퍼 스크립트 태그 (위첨자)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3>포멧팅 관련 태그</h3>
<p> address : 저자, 연락처 정보 등을 표현</p>
<address>저자 | 심심해</address>
<hr>
<p> b : 강조(진하게), 보통 css로 처리 </p>
<b> 진하게 한 잔 </b>
<p>
<span style="font-weight: bold;">진하게</span>
<span style="font-weight: 500;">진하게</span>
<span style="font-weight: 900;">진하게</span>
</p>
<hr>
<p> em : 이탤릭, i 태그와 동일하다. </p>
<em>이탤릭</em>
<i>이탤릭</i>
<hr>
<p> sub, sup 태그 : 아래, 위 첨자 </p>
<p>
log<sub>2</sub>5<sup>3</sup>
</p>
<hr>
<p> pre : 서식 설정 태그. 공백, 엔터, 탭 유지!!. 글자 크기는 변경됨 </p>
<pre style= "font-family: 맑은 고딕; font-size: 14px; ">
자바 스프링
안드로이드 HTML
</pre>
</body>
</html>
'HTML' 카테고리의 다른 글
| [HTML] CSS(Cascading Style Sheet) 레이아웃 태그 - <div> 태그 (0) | 2022.09.08 |
|---|---|
| [HTML] <a> 태그는 인라인 태그라 display 줘야 width 가능 (0) | 2022.09.08 |
| [HTML] 공통 속성(Global Attributes) / data-* / contenteditable (0) | 2022.09.06 |
| [HTML] Block-level element / inline element / 특수문자 (0) | 2022.09.06 |
| [HTML] <body> / <h x> / <p> / <br> / <hr> 태그 (0) | 2022.09.06 |
블로그의 정보
개발자 미니민의 개발로그
mini_min