html 기초 배우기 - 제목(h1~h6), 문단(p), 줄바꿈(br) 태그 적용하기

html 문서 한 페이지를 보면 기본적으로 제목, 문단, 줄 바꿈으로 구성이 됩니다. 페이지를 대표하는 제목 타이틀이 필요할 테고, 글을 작성하려면 문단과 줄 바꿈이 필요한데 어떤 태그들로 작성할 수 있는지 순차적으로 알아봅시다.

 

1. 제목(타이틀) 태그

제목을 중요도에 따라 h1~h6로 작성할 수 있습니다. 한 페이지에 h1태그 1개는 꼭 들어가야 합니다. 제일 큰 제목이 되는 텍스트에 h1태그를 달아주고, 그다음 순서대로 부제목에 h2~h6을 붙여줄 수 있습니다. h태그에는 기본 스타일이 적용됩니다.

예제

<h1>1번째로 큰 제목</h1> 
<h2>2번째 부제목</h2> 
<h3>3번째 부제목</h3> 

 

2. 문단(문장) 태그

텍스트를 작성하기 위해서는 문단 태그인 p 태그를 사용해줍니다.

예제

1
2

 

3. 줄 바꿈 태그

긴 글을 작성할 때에는 줄 바꿈(띄어쓰기)이 필요합니다. 문장과 문장 사이 br태그를 이용하여 줄 바꿈을 해줄 수 있습니다.

예제

<p> 글을 작성할 때에는 p 태그를 이용해주세요. <br/>
한 페이지에는 여러 개의 p태그를 이용할 수 있습니다.<br/>
긴 글을 작성해보세요. 이렇게 하면 총 3줄로 표현할 수 있습니다. <p>

 

간단하게 제목, 문단, 줄 바꿈 태그에 대해 알아보았습니다. 기초부터 튼튼하게 다져 웹디자이너 마스터를 해봐요.