글꼴의 형식변경

   

   

   

글씨에 속성지정시 형식

<태그명> 표시할 내용</태그명>

   

   

   

글꼴의 형식 변경 속성

화면에 직접 출력되어지는 형식인지에 따라 물리적 태그와 논리적 태그로 나눌 수 있습니다.

   

물리적(Physical) 태그

화면에 직접 출력되는 형식을 지정하는 태그

태그	설명	결과
<b>	bold (굵은 글자) HTML4에서는 텍스트를 진하게 표시할 때 사용하였지만, HTML5에서는 텍스트를 진하게 표시할 뿐 아니라, 제품소개서 안의 제품명, 요약문서안의 키워드 처럼 특별하게 중요하지는 않지만 진하게 표시 할 필요가 있을 때 사용	bold
<i>	italic (이탤릭체) HTML4에서는 텍스트를 이탤릭체로 표시할 때 사용하였지만, HTML5에서는 텍스트를 기울어지게 표시할 때 뿐 아니라 중요한정보가 들어 있지 않은 주변 콘텐츠와 텍스트를 따로 구분하여 표시할 때도 사용	italic
<ins>	underline (밑줄)	underline
<del>	strike through (취소선 표시)	strike through
<sup>	superscript (위첨자)	superscript
<sub>	subscript (아래첨자)	subscript
<em>	emphasis 이탤릭체로 표현하여 강조 할 때	emphasis
<strong>	strong emphasis 강한 강조로 표현할 때 굵은 문자로 표현 HTML4에서는 글자를 강조할 때 사용하였지만, HTML5에서는 진하게 표시하는 것보다 더 중요한 정보를 표시할 때 사용	strong emphasis
<var>	variable 변수 이름을 지정할 때 기울임체로 표현	variable
<cite>	Citation 인용구를 나타낼 때 기울임체로 표현	citation
<dfn>	defining instance 단어를 정의하거나 사례를 들 때 기울임체로 표현	defining instance
<q>텍스트</q>	Inline quotation	"quotation"

   

   

   

논리적(Logical) 태그

화면에 출력되는 형식 태그 자체가 특정 의미를 가지고 있는 태그

태그	설명
<abbr></abbr>	Abbreviation 약어
<acronym></acronym>	Acronym 두음문자, 머리글자
<cite></cite>	Citation 인용
<code></code>	code(프로그래밍 코드)를 나타낼 때 고정폭 글자체로 표현
<dfn></dfn>	Definition (어떤 개념의) 의미, 정의
<kbd></kbd>	keyboard 키보드의 키 입력을 표현할 때(Keystrokes) 고정폭 글자체로 표현
<samp></samp>	sample 고정폭 글자체로 표현 샘플 출력할 때
<address>	HTML4에서는 이름이나 이메일주소, 전화번호등 제작자에 대한 정보를 표시할때 사용하였지만, HTML5에서는 실제 우편물 주소를 표시할 때 사용
<hr>	HTML4에서는 가로줄을 표시할 때 사용 하였지만, HTML5에서는 단락 단위로 주제를 바꿀 때 사용