728x90
728x90
1. HTML Text Formatting
<!DOCTYPE html>
<html lang="eng">
<head></head>
<body>
<p> <b> hello</b></p>
<p> <strong> hello</strong></p>
<hr>
<p><i>hello</i></p>
<p><em>hello</em></p>
<hr>
<p><sub>hello</sub> <mark> how are you</mark><sup> Web Programming</sup></p>
<hr>
<p><small>it's small font</small></p>
<hr>
<p><del>delete</del> <ins>font</ins> </p>
</body>
</html>
<복습>
- <sub></sub>
- <sup></sup>
- <i></i> : 기울기, 주위 구분
- <em></em> : 강조하고 싶을 때
- <b></b> : 굵기 굵게
- <strong></strong> : 중요한 부분 굵게
- <small></small>
- <mark></mark>: 형광펜 , 중요한 부분
- <del></del> : 지우기
- <ins></ins> : 줄 긋기
2. HTML Quotations[인용문]
<!DOCTYPE html>
<html lang="eng">
<head></head>
<body>
<h1>HTML studying</h1>
<!-- blockquote -->
<blockquote cite="https://monynony0203.tistory.com/17?category=1033374"> html study </blockquote>
<!-- quote -->
<p>hello, <q>html study</q></p>
<!-- abbr -->
<p> <abbr title="Structured Query Language">SQL</abbr></p>
<!-- address -->
<address>
Written by John Doe.<br>
</address>
<!-- cite -->
<p><cite>Monarisa</cite> by Leonardo da Vinci</p>
<!-- left to right -->
<bdo dir="ltr">This line will be written from right to left</bdo>
<!-- rigth to left -->
<bdo dir="rtl">This line will be written from right to left</bdo>
</body>
</html>
- <blockquote></blockquote> : 인용 블럭, cite: 인용문 출처
- <q></q>: 짧은 인용문
- <abbr></abbr>
- <address></address> : 태그는 문서나 글의 저자 또는 회사와 연락할 수 있는 정보를 명시할 때 사용, 해당 문서의 연락 정보
- <cite></cite>책이나 음악, 영화, 예술 작품 등과 같은 창작물의 제목을 정의
- <bdo></bdo> Bi-Directional Override, 자식 요소의 텍스트 방향성(text directionality)을 정의할 때 사용
728x90
'Programming Language > HTML | CSS | JS' 카테고리의 다른 글
| HTML 6일차 공부 (0) | 2022.01.13 |
|---|---|
| HTML 5일차 공부 (0) | 2022.01.12 |
| HTML 3일차 공부 (0) | 2022.01.10 |
| HTML 2일차 공부 (0) | 2022.01.08 |
| HTML 1 일차 공부 (0) | 2021.12.28 |
