HTML 태그_01

<h1>h1 태그에 작성된 내용입니다.!!!!!</h1>
<h2>h2 태그에 작성된 내용입니다.!!!!!</h2>
<h3>h3 태그에 작성된 내용입니다.!!!!!</h3>
<h4>h4 태그에 작성된 내용입니다.!!!!!</h4>
<h5>h5 태그에 작성된 내용입니다.!!!!!</h5>
<h6>h6 태그에 작성된 내용입니다.!!!!!</h6>


&nbsp;  : 띄어쓰기 한칸
<br>    : 줄바꿈

<h3 style="color: red"> * 띄어쓰기, 엔터를 화면에 표시하는 방법 * </h3>
    가&nbsp;나&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <br>다

p,pre 태그
    <!-- p 태그 : 
        - 글을 작성하는 용도의 태그
        - 종료 시 줄바꿈
    -->
    <p>p1번입니다</p>
    <p>p2번입니다</p>
    <p>p3번입니다</p>

    <!-- pre 태그 :
        - 글을 작성하는 용도의 태그
        - 시작, 종료 태그 사이에 작성된 
        문자열의 형식을 그대로 출력함
    -->

    <pre>    가                  나
      다
    </pre>
    <pre>pre1번               입니다</pre>
    <pre>pre2번        입니다</pre>
    <pre>pre3번     

      입니다</pre>

     
<b>b 태그</b> : 단순히 글자를 굵게 표시하는 태그 <br>
<strong>strong 태그</strong> : 글자를 강조하는 태그 (웹접근성)
      <!-- 
          웹 접근성
          일반인 뿐만 아니라, 장애인, 고령자들을 위해
          웹사이트에서 제공하는 서비스를 모두 이용할 수 있도록 보장하는 것
          (의무사항)
          웹접근성을 위해서 사용되는 기술 : 스크린 리더
      -->

<i>i 태그</i> : 단순히 글자를 기울이는 태그 <br>
<em>em 태그 </em> : 글자를 강조하는 태그 / 기울이는 태그 (웹접근성) 

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

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

<s>s 태그</s> : 취소선을 긋는 태그 <br>
<del>del 태그</del> <br>

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

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

abbr (abbreviation 약어) 태그 : 마우스 툴팁 출력 태그 <br>
<abbr title="Hyper Text Tranfer Protocol">HTTP</abbr>


<h3>글자 관련 태그 응용</h3>
<mark>태그</mark>들은 해당 태그 내에서 중첩으로 사용 가능하다. <br>
<strong>굵은</strong>글자를 사용할 수 도 있고, 
<em>기울이거나</em>,
<del>취소선을</del> 넣는 등 <br> 다양하게 사용할 수 있다.