6) HTML 텍스트 요소 - 글자 스타일(서식)

2021. 7. 19. 22:49WEB/HTML

반응형

물리적 스타일(서식) 관련 태그

단순히 웹브라우저에 문자가 어떻게 표시될 것인가를 나타내는 글자 출력 무양만을 지정하는 태그를 의미한다.

 

태그 설명
<b>~</b> 글자를 굵게 표시
<i>~</i> 글자가 기울어진 형태(이탤릭체)로 표시
<s>~</s> 글자 가운데를 통과하는 수평줄(취소선)이 표시
<u>~</u> 글자에 밑줄 표시
<sup>~</sup> 글자가 위첨자로 표시돔
<sub>~</sub> 글자가 아래첨자로 표시됨
<small>~</small> 글자가 기본 크기보다 작은 크기로 표시됨

 

논리적 스타일(서식) 관련 태그

웹페이지상의 출력 형태보다는 태그 자체에 의미가 부여되어 있는 태그들을 말한다.

 

태그 설명 출력 모양
<cite>~</cite> 책이나 음악, 영화, 예술 작품 등과 같은 창작물의 제목을 정의할 때 사용 기울어진 형태
<code>~</code> 컴퓨터 코드를 표시  
<samp>~</samp> 프로그램의 샘플(sample) 출력을 표시  
<var>~</var> 변수(variable)를 표시 기울어진 형태
<dfn>~</dfn> 용어에 대한 정의(definition)를 표시 기울어진 형태
<em>~</em> 강조(emphasis)하는 내용을 표시 기울어진 형태
<strong>~</strong> 중요(importance)한 내뇽ㅇ을 표시 진하게 표시
<addr>~</addr> 축약형(abbreviation form)을 표시  
<address>~</address> 실제 우편물 주소를 표시 기울어진 형태
(자동 줄바꿈)
<kbd>~</kbd> 키보드(keyboard)로 입력한 내용임을 표시  
<q>~</q> 짧은 인용구(quotation)를 표시 큰따옴표가 붙은 

 

반응형

'WEB > HTML' 카테고리의 다른 글

8) HTML 이미지  (0) 2021.07.28
7) HTML 목록(List)  (0) 2021.07.21
5) HTML 텍스트 요소 - 특수문자  (0) 2021.07.14
4) HTML 텍스트 요소 - 단락  (0) 2021.07.10
3) HTML 텍스트 요소 - 제목  (0) 2021.07.07