<h1>제목 1번입니다.</h1>
<h2>제목 2번입니다.</h2>
<h3>제목 3번입니다.</h3>
<h4>제목 4번입니다.</h4>
<h5>제목 5번입니다.</h5>
<h6>제목 6번입니다.</h6>

h태그의 특징
    >> h태그를 기준으로 키워드(정보)를 수집 및 파악
    >> h태그를 기준으로 위아래로 약간의 여백(마진)이 생성된다

paragraph(단락)

단락 : 내용상 끊어서 구분할 수 있는 하나하나의 부분(=문단)
    >> html에서는 <p>태그를 이용하여 단락을 표현한다
    >> p태그도 h태그와 마찬가지로 위아래로 약간의 여백이 생성된다

<p>이것이 단락입니다.</p>

html에서의 띄어쓰기와 줄 나누기

<pre>
동해물과    백두산이 마르고
닳도록  하나님이
보우하사                    우  리     나       라    만       세
무궁         화      삼 천리  화 려    강사 아아아       아안
</pre>

위의 코드의 실행결과는 개행, 공백 2칸이상일 경우가 있어도
무조건 공백 1칸으로만 인식한다
>> html 코드에서 띄어쓰기, 줄나누기를 여러번 해도 브라우저를 통해
나타나는 화면에는 영향을 줄 수 없다
>> 여러번의 띄어쓰기, 줄나누기도 오직 하나의 공백으로만 인식

html에서의 개행(줄나누기) 처리 방법
1. br이라는 태그를 사용
   >> br태그는 종료태그가 없다는 것이 특징
     (빈 태그(empty tag)라고 부른다)
2. pre태그 이용
    >> pre태그는 문단 자체를 쓴 그대로 인식한다

구분선 : hr 태그를 이용해서 선을 그음
hr태그 또한 empty tag

태그와 주석

주석 : 컴퓨터가 인식하지 못하는 코드
코드에 대한 설명이나 개인 학습에 많이 사용된다.

<!-- 주석 -->

(범위지정 후 ctrl+/)
(주석안에 또 주석이 있으면 인식을 제대로 못함)
텍스트 태그(요소)
제목 단락 서식 인용구 주석 엔티티 문자셋

태그(요소)의 기본구조
요소 : 태그+내용
태그 : html, body 등등
내용(컨텐츠) : 태그 내부에 들어오는 문자들

html 요소의 구조

//태그명  속성명   속성값        
<h1     class =  "cls1">  123123123213      </h1>

html 요소 작성의 규칙
1. 속성명은 소문자로 작성
대문자로 작성해도 인식은 가능 
2. 속성값은 반드시 따옴표로 감싸줄 것
일부 속성값은 에러가 안날수도 있다.