본문 바로가기
Dev Note/HTML

[HTML기초] 1.텍스트관련태그

by iyos 2020. 5. 20.

⚾ 글자 관련 태그 : h1~h6 까지 표현 할 수 있으며 h1이 가장 크고 h6이 가장 작다.

<h1>h1 태그입니다.</h1>
<h2>h2 태그입니다.</h2>
<h3>h3 태그입니다.</h3>
<h4>h4 태그입니다.</h4>
<h5>h5 태그입니다.</h5>
<h6>h6 태그입니다.</h6>

 

 

 줄바꿈 태그

<br>

 

 

 수평선+줄바꿈 태그

<hr>

 

문단 구분 태그

<p> 문단영역을 나누는 태그로는 p태그와 pre태그가 있다.
    p태그는 문단영역을 나누는 태그이지만 한 개의 공백만          표시하여 줄 바꿈입력을 별도의 태그로 지정해주어야한다.
    pre 태그는 여러칸 띄우기 혹은 줄 바꿈등을 포함하여 
    입력한 내용 그대로를 표현하는 태그이다.
</p>

<pre>문단영역을 나누는 태그로는 p태그와 pre태그가 있다.
    p태그는 문단영역을 나누는 태그이지만 한 개의 공백만          표시하여 줄 바꿈입력을 별도의 태그로 지정해주어야한다.
    pre 태그는 여러칸 띄우기 혹은 줄 바꿈등을 포함하여 
    입력한 내용 그대로를 표현하는 태그이다.      
</pre>

 

 추가 글자관련 태그

 

- 일반글꼴

일반글꼴

 

- 굵게표시

<strong>글자를 굵게 표시하는 태그</strong>

 

- 기울임표시

<em>글자를 기울이는 태그</em>
<i>글자를 기울이는 태그</i>

- 인용문구 표시

<q>인용문구를 나타내는 태그</q>

 

- 형광펜 표시

<mark>형광펜 효과를 나타내는 태그</mark>

 

- 밑줄 표시

<u>글자에 밑줄을 긋는 태그</u>

 

- 아래첨자/윗첨자 추가표시

기본글자에 <sub>아래첨자</sub>를 나타내는 태그와 <sup>윗첨자</sup>를 나타내는 태그이다.

 

- 취소선 표시

<s>글자에 취소선을 넣는 태그</s>

 

 

키보드임을 명시하는 태그

 

취소하려면 <kbd><kbd>Ctrl</kbd> + <kbd>x</kbd></kbd>를 입력하세요.
반응형

'Dev Note > HTML' 카테고리의 다른 글

input 태그속성 중 disabled와 readonly의 차이  (0) 2020.07.19