HTML 01. 글자관련 태그

<h >관련태그 (h1~h6)
한줄단위 영역 차지하고있으며 h1에서 h6으로 갈수록 글자 크기 작아짐

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

h1태그입니다.

h2태그입니다.

h3태그입니다.

h4태그입니다.

h5태그입니다.

h6태그입니다.

---

<p, pre> 문단을 나누는 태그 
 <p>  : 줄바꿈하고자한다면 별도의 태그<br> 작성해야됨,
           공백은 하나의 공백만을 표시하기 때문에 &nbsp;로 표시

<pre> : 시작태그부터 종료태그까지 입력된 내용 그대로 표현, 줄바꿈이나 여러개의 공백 바로 표현함

<h3>문단을 나누는 태그 : p,pre</h3>

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

        <pre>
            pre 태그는 시작태그에서부터 종료태그까지 입력된 내용
            그대로 표현하는 태그
            줄바꿈이라던가        여러개의 공백을 바로 표현함  
        </pre>

---

문단을 나누는 태그 : p,pre

문단 영역을 나누는 태그로는 p태그와 pre태그가 있다. p태그는 줄바꿈하고자 한다면 별도의 태그를 작성해야됨
그리고 공백은 한 개의 공백만을 표시하기 때문에 별도의      기호 문구를 기술해야됨

           pre 태그는 시작태그에서부터 종료태그까지 입력된 내용
           그대로 표현하는 태그
           줄바꿈이라던가        여러개의 공백을 바로 표현함  
       

---

---

그밖의 글자 다루는 태그 

<strong> : 글자를 굵게 표시 + 스크린 리더
<b> :글자를 굵게 표시
<u> : 글자에 밑줄이 그어지는 태그 
<s> : 글자에 취소선 넣어주는 태그
<em> : 글자를 기울여서 표시하는 태그
<i> : 글자를 기울여서 표시하는 태그 
<mark> : 형광펜 효과 주는 태그
<small> : 글자를 작게 표현해주는 태그
<sub> : 기본 글자에 아래 첨자 나타내는 태그
<sup> : 기본 글자에 윗첨자 나타내는 태그
<abbr title = "">  : 약자임을 나타내는 태그

---

그 밖의 글자를 다루는 태그들

일반 글꼴(태그로 감싸지 않은 텍스트)

b : 글자를 굵게 표시하는 태그

strong : 글자를 굵게 표시하는 태그 + 스크린 리더

u : 글자에 밑줄이 그어지는 태그

s : 글자에 취소선 넣어주는 태그

em : 글자를 기울여서 표시하는 태그

i : 글자를 기울여서 표시하는 태그

mark : 형광펜 효과를 주는 태그

small : 글자를 작게 표현해주는 태그

기본글자에 _{sub: 아래첨자}를 나타내는 태그와 ^{sup:윗첨자} 를 나타내는 태그

IOT란 각종사물에 센서와 통신기능을 내장해 인터넷에 연결하는 기술이다.

---

글자관련 태그 응용(중첩해서 사용가능)

태그들 중첩으로 사용가능하다
굵게, 기울여서표현 가능 취소선, 형관펜을 넣어 글자를 강조할 수 있음