HTML 단락 서식 태그

HTML 단락 서식 태그

HTML 태그 중 단락 서식 태그들에 대하여 알아 보도록 하겠습니다.

줄바꿈 태그 / 단락 태그 

<BR> 태그 : Line Break 라는 의미 입니다.

<P> 태그 : 문단을 나누기 위한 태그 입니다.

※ <BR> 와 <P> 태그의 차이 

 - <P> 태그는 줄바꿈 + 한 줄의 공백 으로 <BR> 태그를 두 번 사용한 결과 와 동일 합니다.

 - <BR>은 사용 수만큼 줄바꿈이 일어 나지만, <P> 태그는 복수로 사용하여도 한 번 사용한 결과와 동일 합니다.

괘선 태그

<HR [속성]>

 - 속성 : SIZE(수평선의 두께), WIDTH(수평선의 길이), ALIGN(수평선의 위치), 

            NOSHADE(입체감과 음영의 효과를 제거 즉, 보통 선으로 표현)

예제>

<HR> : 보통 두께 1

---

<HR SIZE="5"> : 수평선 두께 5

---

<HR WIDTH="200"> : 길이 200 픽셀

---

<HR WIDTH="50%"> 길이 50%

---

<HR ALIGN="LEFT" WIDTH="30%"> : 수평선 위치를 왼쪽으로

---

<HR NOSHADE> : 입체감을 없애기

---

정렬 태그

<CENTER> ~ </CENTER> : 가운데 정렬

<DIV ALIGN="LEFT 또는 RIGHT 또는 CENTER"> ~ </DIV> : 문단의 정렬

예제>

<DIV ALIGN = "LEFT"> 왼쪽 정렬 </DIV>

왼쪽 정렬

<DIV ALIGN = "CENTER"> 가운데 정렬 </DIV>

가운데 정렬

<CENTER> 가운데 정렬 </CENTER>

가운데 정렬

<DIV ALIGN = "RIGHT"> 오른쪽 정렬 </DIV>

오른쪽 정렬

인용 태그 

<BLOCKQUOTE> ∼ </BLOCKQUOTE> : 인용구를 작성할 경우 사용됩니다.

예제>

인용구 테스트 시작 입니다.

인용구 내용입니다.

인용구 내용입니다.

인용구 내용입니다.

인용구 테스트 종료 입니다.

입력한 대로 보여주기

<PRE> ∼ </PRE> : 입력한 대로 보여 줍니다. 즉 HTML문서에서 입력한 한번 이상의 공백 등을 그대로 표현 줍니다.