[2021.07.26] 인턴 +147 HTML5 HTML Text Formatting -3

[2021.07.26] 인턴 +147    HTML5   HTML Text Formatting -3 

 

 

 

해당 게시글은 아래의 두 링크를 보고, 보는 것을 적극 추천한다.

이번 게시글에는,  HTML Text Formatting에 대해서 알아보도록 하자.

 

 

https://injekim97.tistory.com/340

[2021.07.26] 인턴 +147 HTML5 문법 및 기초 코드 작성 -1

-> HTML5 - 1

 

 

 

https://injekim97.tistory.com/341

[2021.07.26] 인턴 +147 HTML5 스타일 문법 (HTML5 Style Grammar) - 2

-> HTML5 - 2

---------------------------------------------------------------------------------------------------------------------

 

HTML Text Formatting
-> 해당 포맷팅은 전부 <p> 태그를 포함하고 있어야함.

 

 

<b></b>

-> 굵은 텍스트
<p><b>This text is bold</b></p>


<strong></strong>

-> 중요한 텍스트
<p><strong>This text is important!</strong></p>
* <b> 태그랑 별 차이가 없어 보임.



<i></i>

-> 기울임꼴 텍스트
<p><i>This text is italic.</i></p>



<em> </em>

-> 강조된 텍스트
<p><em>This text is emphasized.</em></p>
* 이 <em> 태그도 <b> 태그랑 다른 점이 없어 보임



<mark></mark>

-> mark 태그는 형광펜으로 색칠함 (중요도 표시)
<p>Do not forget to buy <mark>milk</mark> today.</p>



<small></small>

-> 더 작은 텍스트 (해당 text를 작게함)
<p><small>This is some smaller text.</small></p>


<del></del>

-> <del> 태그는 해당 텍스트를 삭제하는것이 아니라, 페이지 상에서 text에 가운데 ㅡ 글짜를 그은거일 뿐
<p>My favorite color is <del>blue</del> red.</p>

 

<ins></ins>

text를 넣고 밑줄을 강조하는 것임.
<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>




-> <sub> 태그는▲글을 수정할 때 넣는 현상처럼 나옴  (아래 첨자 텍스트)
<p>This is _subscripted text.</p>




-> 위에서 text를 넣는 것임
<p>This is ^{superscripted} text.</p>