HTML 글자 모양 편집(HTML Formatting)
HTML Formatting Elements
<p> element의 내용(텍스트)을 꾸밀 때 사용하는 태그들
HTML <b> and <strong> Elements
<b>와 <strong>은 모두 텍스트를 굵게 만든다.
같은 일을 하는데 두개나 있을 필요가 있을까? 한다면.. 있다.
<strong>은 의미적으로 중요할 때 쓰인다.
스크린 리더 같이 element의 의미를 해석하는 도구에서 텍스트를 강조해 읽는다.
<!DOCTYPE html>
<html>
<body>
<b>텍스트가 굵어집니다.</b>
<strong>텍스트가 굵어지고 의미를 강조합니다.</strong>
</body>
</html>
HTML <i> and <em> Elements
<i>와 <em>는 텍스트를 이탤릭체로 표시한다.
둘의 차이는 역시 <em>은 의미적으로 더 중요할 때 사용한다.
<!DOCTYPE html>
<html>
<body>
<i>텍스트가 기울어집니다.</i>
<em>텍스트가 기울고 의미를 강조합니다.</em>
</body>
</html>
HTML <small> Element
<small>은 텍스트를 작게 표시한다.
<!DOCTYPE html>
<html>
<body>
<h2>HTML <small>Small</small> Formatting</h2>
</body>
</html>
HTML <mark> Element
<mark>는 텍스트 배경에 색을 넣어, 하이라이트 한다.
<!DOCTYPE html>
<html>
<body>
<h2>HTML <mark>Marked</mark> Formatting</h2>
</body>
</html>
HTML <del> Element
<del>은 글자 가운데로 선을 넣어 삭제 표시를 한다.
<!DOCTYPE html>
<html>
<body>
<p>My favorite color is <del>blue</del> brown.</p>
</body>
</html>
HTML <ins> Element
<ins>는 새로 삽입된 내용을 밑줄 긋는 태그이다.
<!DOCTYPE html>
<html>
<body>
<p>My favorite <ins>color</ins> is blue.</p>
</body>
</html>
HTML <sub> Element
<sub>는 텍스트를 아래 첨자로 만든다.
<!DOCTYPE html>
<html>
<body>
<p>This is <sub>subscripted</sub> text.</p>
</body>
</html>
HTML <sup> Element
<sup>는 텍스트를 위 첨자로 만든다
<!DOCTYPE html>
<html>
<body>
<p>This is <sup>superscripted</sup> text.</p>
</body>
</html>
아래 링크를 참조하여 번역 및 수정 함
http://www.w3schools.com/html/html_formatting.asp