HTML5 Tag-Text [글자 형태 태그]

글자 형태(Text Formatting)태그

    <h3>1. 글꼴 스타일 = 굵게 "b태그/strong태그"</h3> 
    <p>This text is nomal.</p> 
    <b>This text is bold.</b> 
    <strong>This text is strong</strong>

1. 글꼴 스타일 = 굵게 "b태그/strong태그"

This text is nomal.

This text is bold. This text is strong

 

    <h3>2. 글꼴 스타일 = 기울임꼴 "i태그/em태그"</h3> 
    <p>This text is nomal.</p> 
    <i>This text is emphasized.</i> 
    <em>This text is emphasized.</em>

2. 글꼴 스타일 = 기울임꼴 "i태그/em태그"

This text is nomal.

This text is emphasized. This text is emphasized.

 

    <h3>3. 글꼴 스타일 = 작게 "small태그"</h3>    
    <h2>HTML <small>Small</small> Formatting</h2> 
    <p>HTML <small>Small</small> Formatting</p> 

3. 글꼴 스타일 = 작게 "small태그"

HTML Small Formatting

HTML

Small

Formatting

 

     <h3>4. 글꼴 스타일 = 형광펜 효과(highlighted) "mark태그"</h3>     
      
     <p>HTML <mark>Marked</mark> Formatting</p> 

4. 글꼴 스타일 = 형광펜 효과(highlighted) "mark태그"

HTML

Marked

Formatting

 

     <h3>5. 취소선 deleted(removed) "del태그"</h3>     
      
     <p>My favorite color is <del>pink</del> yellow.</p> 

5. 취소선 deleted(removed) "del태그"

My favorite color is

pink

yellow.

 

    <h3>6. 밑줄 inserted(added) "ins태그"</h3>     
      
     <p>My favorite color is <ins>pink</ins> yellow.</p> 

6. 밑줄 inserted(added) "ins태그"

My favorite color is

pink

yellow.

 

     <h3>7. 아래첨자 subscripted(아래에 쓰인), 위첨자 superscripted(위에 쓰인) "sub태그/sup태그"</h3>     
      
     <p>This is <sub>subscripted</sub> text.</p> 
     <p>This is <sup>superscripted</sup> text.</p> 

7. 아래첨자 subscripted(아래에 쓰인), 위첨자 superscripted(위에 쓰인) "sub태그/sup태그"

This is _subscripted text.

This is ^{superscripted} text.

 

 

brackets 소스