본문 바로가기
프로그래밍/HTML, CSS, JavaScript

HTML 문자 서식 태그

by [바가지] 2017. 12. 1.
반응형

HTML 문자 서식 태그

 

요즘은 CSS 로 문자 스타일을 지정하기 때문에 잘 사용되지 않지만 HTML 태그 학습으로 이번 포스팅에서는 문자 서식 태그에 대하여 알아보도록 하겠습니다

 

문자들의 크기, 모양을 조절 태그 

<B> : 굵은 문자(Bold)를 나타 냅니다.

<I> : 이탤릭체를 나타 냅니다.

<TT> : 타자기체를 나타냅니다.

<SUP> : 윗첨자를 나타냅니다.

<SUB> : 아래첨자를 나타냅니다.

<BIG> : 글자 크기를 현재 크기보다 크게 나타냅니다.

<SMALL> : 글자 크기를 현재 크기봐 작게 나타 냅니다.

<U> : 밑줄을 나타냅니다.

<S> : 취소선을 나타냅니다.

 

■ 예제

굵은체 예제

이탤릭체 예제

타자기체 예제

기준 글위첨자 예제

기준 글아래첨자 예제

기준 글 좀더 크게 예제 더 크게 예제

기준 글 좀더 작게 예제 더욱 더 작게 예제

밑줄 예제

취소선 예제

 

■ 문자 크기 지정 태그

<Hn> : 문서의 제목 크기를 변경 합니다.

 → HTML기본태그 포스팅 참고 해 주세요

<Font> : 본문의 글자 크기 조절 합니다.

 → 1~7까지의 총 7단계로 구분 됩니다.

 → 1이 가장 작은 단계이고, 7이 가장 큰 단계 입니다.

     형식 : <FONT SIZE = n> 적용 할 텍스트 </FONT>

 → 상태 크기 지정을 합니다.

     형식 : <FONT SIZE = +n 또는 -n> 적용 할 텍스트 </FONT>

 

■ 예제

FONT SIZE 1

FONT SIZE 2

FONT SIZE 3

FONT SIZE 4

FONT SIZE 5

FONT SIZE 6

FONT SIZE 7

FONT SIZE 3에서 2단계 작아짐

FONT SIZE 3에서 2단계 커짐

 

■ 문자 색 지정 태그

 → COLOR 속성을 이용하여 지정합니다.

   형식 : <FONT COLOR = "색상명" 또는 "RGB값" > 적용 할 텍스트 </FONT>

 

■ 예제

  BLUE 파란색으로 표시 RED 빨간색으로 표시

 

■ 특수 문자 사용 태그

 <   : &lt;
 >   : &gt;
 &   : &amp;
 “    : &quot;
 공백 : &nbsp; 

 

HTML 문자 서식 관련 태그에 대하여 알아 보았습니다.

반응형

'프로그래밍 > HTML, CSS, JavaScript' 카테고리의 다른 글

HTML 목록 태그  (0) 2017.12.08
HTML 단락 서식 태그  (8) 2017.12.07
HTML 기본태그 - BODY / 주석 / 제목 태그  (0) 2017.11.29
HTML 문서의 기본 구조  (0) 2017.11.25
HTML이란 무엇인가  (0) 2017.11.23