문단 관련 태그 - <br> 태그, <p> 태그, <p> 태그 align 속성(Attributes), <p> 태그와 <br> 태그 비교, <center> 태그, 내용을 가운데 정렬하는 태그 속성

 

문단 관련 태그

·       <br>

·       <p>

·       <div>

·       <h숫자>

·       <center>

 

 

<br> 태그

·       강제 줄바꿈 (Line Break)

·       문서의 가독성 높여줍니다.

 

첫번째 라인<br>두번째 라인

 

 

<p> 태그

·       <p>태그와 </p>태그 사이에 위치하는 내용을 하나의 문단(paragraph)으로 만들 때 사용합니다.

·       내용상 끊어서 구분할 수 있는 부분에 사용하게 됩니다.

·       <p>태그의 위아래로 약간의 여백(margin)이 자동으로 삽입됩니다.

 

<p>문단1</p> <p>문단2</p>

 

 

<p> 태그 align 속성(Attributes)

·       <p>태그에서 사용되는 정렬속성

·       align 속성에서 사용할 수 있는 값(arguments)으로는 left, center, right, justify 가 있습니다.

 

속성값	설명
<p align="left"></p>	·       왼쪽정렬 ·       기본값
<p align="center"></p>	·       가운데 정렬
<p align="right"></p>	·       오른쪽 정렬
<p align="justify"></p>	·       맞춤정렬 ·       화면의 끝에서 자동 줄바꿈이 일어날때 그 가장자리 부분을 일정하게 맞춰주는 기능

 

 

 

<p> 태그와 <br> 태그 비교

내용1<p>내용2  =  <p>내용1</p>내용2  =  내용1<br><br>내용2

 

 

 

 

<center> 태그

·       태그 내용들을 가운데 정렬시킵니다.

·       html5 에선 사라진 태그입니다. (CSS 사용 권장)

 

<center>가운데 정렬 할 내용</center>

 

 

 

내용을 가운데 정렬하는 태그 속성

<center>내용</center> <p align=center>내용</p> <div align=center>내용<div> <h4 align=center>내용</h4>