offfff

HTML 글자 모양 편집(HTML Formatting) 본문

프로그래밍

HTML 글자 모양 편집(HTML Formatting)

offfff 2016. 8. 27. 09:00

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

저작자표시 비영리

'프로그래밍' 카테고리의 다른 글

HTML 컴퓨터 코드(HTML Computercode)  (0) 2016.08.29
HTML 인용(HTML Quotations)  (0) 2016.08.28
HTML 스타일(HTML Styles)  (0) 2016.08.26
HTML 문단(HTML Paragraphs)  (0) 2016.08.25
HTML 제목(HTML Heading)  (0) 2016.08.24
'프로그래밍' Related Articles more