HTML(2) Header

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

 

header 태그

 

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