02-1 텍스트를 덩어리로 묶어 주는 태그

<hn> 태그 - 제목 표시하기

<h1>header1</h1>
<h2>header2</h2>
<h3>header3</h3>
<h4>header4</h4>
<h5>header5</h5>
<h6>header6</h6>

<p> 태그 - 단락 만들기

<p>paragraph</p>

<br> 태그 - 줄 바꾸기

line break.

닫는 태그가 없다.

<hr> 태그 - 분위기 전환을 위한 수평 줄 넣기

horizontal rule.

보통 텍스트 단락의 주제가 바뀔 때 분위기 전환용으로 사용한다.

<hr> 태그를 사용하면 기본으로 가로선이 삽입되는데 CSS를 이용해 가로선을 없앨 수 있다.

<br>과 마찬가지로 닫는 태그가 없다.

<blockquote> 태그 - 인용문 넣기

<blockquote>인용 내용</blockquote>

이 때 인용한 문장은 다른 텍스트보다 안으로 들여 써진다.

<blockquote cite="인용 사이트 주소">인용 내용</blockquote>
<!-- 인용한 사이트 주소가 명확할 경우, cite속성을 이용해 인용 사이트 주소를 표시할 수 있다. -->

<pre> 태그 - 입력하는 그대로 화면에 표시하기

preformatted text.

소스에 표시한 공백이 브라우저에 그대로 표시된다.

<code>나 <samp>, <kbd> 같은 태그를 사용해 프로그램 소스를 표시할 때도 소스의 형태를 그대로 브라우저 창에 보여주어야 하기 때문에 사용된다.

<pre>
    function savetheLocal(){
        var second = document.getElementById("second");
        var thevalue = second.value;
        localStorage.setItem(1, thevalue);
        gettheLocal();
    }
</pre>