글자 관련 태그

▶ 글자 관련 태그

• <h1> ~ <h6> 태그
  - 제목을 입력할 때 사용하는 태그
  - 1 ~ 6까지 여섯 단계의 폰트 크기가 지정되어 있음
  ※ 해당 태그는 시작부터 종료까지가 하나의 문단이 됨
  == 종료 이후 줄바꿈 발생함

기본글자크기
<h1>h1 태그 작성 내용</h1>
<h2>h2 태그 작성 내용</h2>
<h3>h3 태그 작성 내용</h3>
<h4>h4 태그 작성 내용</h4>
<h5>h5 태그 작성 내용</h5>
<h6>h6 태그 작성 내용</h6>

---

---

• p, pre 태그
  - p 태그(Paragraph : 단락, 문단)
  : 글을 작성하는 용도의 태그
  : 종료 시 줄바꿈

<p>p태그 1번</p>
<p>p태그 2번</p>
<p>p태그 3번</p>

---

---

   - pre 태그(Preformatted)
     : 글을 작성하는 용도의 태그
     : 줄바꿈
     : 시작, 종료 태그 사이에 작성된 문자열의 형식을 그대로 출력

<pre>pre태그 1번</pre>
<pre>pre태그 2번</pre>
<pre>pre태그


   3번
</pre>

---

---

▶ 글자 관련 기타 태그

• b 태그
  : 단순히 글자를 굵게 표시하는 태그
• strong 태그
  : 글자를 강조하는 태그(웹 접근성 향상)

• i 태그
  : 단순히 글자를 기울이는 태그
• em 태그
  : 글자를 강조하는 태그(웹 접근성 향상)
• mark 태그
  : 형광펜 효과를 나타내는 태그
• u 태그
  : 밑줄을 긋는 태그
• s 태그
  : 취소선을 긋는 태그 (비슷한 태그로 del 태그가 존재)
• del 태그
  : 취소선을 긋는 태그(웹 접근성 향상)
• small 태그
  : 글자를 작게
• sup 태그 : 윗 첨자
• sub 태그 : 아래 첨자
• abbr(abberviation : 약어 ) 태그 : 마우스 오버 시 툴팁 출력 체크

        <h1> 글자 관련 기타 태그 </h1>
        
        <b> b 태그 </b> : 단순히 글자를 굵게 표시하는 태그 <br>

        <strong>Strong 태그</strong> : 글자를 강조하는 태그(웹 접근성) <br>

        <!-- 웹 접근성
              : 일반인뿐만 아니라 장애인, 고령자들을 위해
                웹사이트에서 제공하는 서비스를 모두 이용할 수 있도록 보장하는 것
              ex) 스크린 리더
        -->

        <i>i 태그</i> : 단순히 글자를 기울이는 태그 <br>

        <em>em 태그</em> : 글자를 강조하는 태그(웹 접근성) <br>

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

        <u>u 태그</u> : 밑줄을 긋는 태그 <br>

        <s>s 태그</s> : 취소선을 긋는 태그 (비슷한 태그 del 태그가 존재) <br>
        <del>del 태그</del> (웹 접근성) <br>

        <small>small 태그</small> : 글자를 작게 <br>

        sup 태그(윗첨자) x<sup>2</sup> <br>
        sub 태그(아래첨자) log<sub>10</sub> <br>

        abbr(abberviation : 약어) 태그 : 마우스 오버시 툴팁 출력 체크

        <abbr title = "Hyper Text Transfer Protocl">Http</abbr><br>

Http 위에 마우스 커서 올릴 경우, 입력한 문자열: Hyper Text Transfer Protocl 나타남