[HTML/CSS] 글자 관련 태그

제목 태그 - h1~h6

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

 

문단 나누는 태그 - p, pre

    <p>
        문단의 영역을 나누는 태그로는 p태그와 pre태그가 있다
        단, p태그는 줄바꿈 입력을 별도로 태그 지정해야한다. <br>
        그리고 공백은 한개의 공백만을 &nbsp;&nbsp;&nbsp;표시하기 때문에 기호문구를 작성해야한다.
    </p>

    <pre>
    	pre태그는 여러         공백 인식이 가능하고
        줄 바꿈 등을 포함하여 입력한 내용 그대로를 표현하는 태그이다.
    </pre>

 

그 외 글자 태그

<b>b : 글자를 굵게 표시하는 태그</b>
<br><br>

<!-- 화면을 읽어주는 스크린리더 기능 이용 시 강조하는 억양 추가(실질적인 강조) -->
<strong>strong : 글자를 굵게 표시하는 태그</strong>
<br><br>

<i>i : 글자를 기울여서 표시하는 태그</i>
<br><br>

<!-- 스크린 리더에 영향을 미침 -->
<em>em : 글자를 기울여서 표시하는 태그</em>
<br><br>

<mark>mark : 형광펜 효과를 주는 태그</mark>
<br><br>

<u>u : 밑줄이 그어지는 태그</u>
<br><br>

<s>s : 취소선을 넣어주는 태그</s>
<br><br>

<del>del : 취소선을 넣어주는 태그</del>
<br><br>

<!--HTML5에서 더이상 지원하지 않는 태그-->
<strike>strike : 취소선을 넣어주는 태그 - 더이상 지원하지 않기 때문에 s 또는 del 태그 사용</strike>
<br><br>

<small>small : 글자를 작게 표현해주는 태그</small>
<br><br>

<!--HTML5에서 더이상 지원하지 않는 태그-->
<big>big : 글자를 크게 표현해주는 태그 - 더이상 지원하지 않기 때문에 CSS로 변경 권장</big>
<br><br>

<!--addr : 약어 등의 단어를 정의할때 쓰는 태그 마우스 오버하면 뜻이 보여지는 기능-->
<addr title = "Internet Of Things">IOT</addr>란 각종 사물에 센서와 통신기능을 내장하여
인터넷에 연결하는 기술이다. 마우스 커서를 가져다 대면 속성값이 보인다.
<br><br>

sub : 기본 글자에 <sub>아래 첨자</sub>를 나타내는 태그
<br><br>
sup : 기본 글자에 <sup>윗 첨자</sup>를 나타내는 태그
<br><br>