HTML의 구성요소
HTML 문서의 작성
HTML의 기본구성
BODY 태그
주석(Comment)
줄바꾸기
P(paragraph)
BR(Line Break)
표제(Heading)
텍스트 관련 태그
FONT 태그
특수문자
링크(Link)
내부링크
이미지(image)
이미지 경로
이미지 포맷
이미지 정렬
색(color)
HTML 색상표(1)
HTML 색상표(2)
배경(background)
테이블(table)
열과 행의 확장
여백과 경계선
너비와 높이
정렬
프레임(frame)
frameset
frame
frame target
noframes
리스트(List)
type
문단(paragraph)을 정의하는

태그

문단을 의미하는 <p> 태그

<p>태그와 </p>태그 사이에 위치하는 내용이 하나의 문단을 구성합니다.

<p>첫번째 문단(paragraph)</p>
<p>두번째 문단(paragraph)</p>

위와 같이 코딩하면 아래와 같이 첫번째 문단과 두번째 문단 사이에 공백라인이 들어갑니다.

첫번째 문단(paragraph)

두번째 문단(paragraph)

align 속성(Attributes)

<p>태그에서 사용되는 가장 대표적인 속성(Attributes)은 정렬을 의미하는 align 입니다.

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

<p>정렬하지 않은 문단은 기본적으로 왼쪽 정렬입니다.</p>
<p align="left">왼쪽정렬입니다. 정렬을 시키지 않으면 기본적으로 왼쪽정렬이 되므로 잘 사용하지 않습니다.</p>
<p align="center">가운데 정렬입니다.</p>
<p align="right">오른쪽 정렬입니다.</p>
<p align="justify">맞춤정렬입니다. 한 문단이 길어져서 화면의 끝에서 자동 줄바꿈이 일어날때 그 가장자리 부분을 일정하게 맞춰주는 기능입니다. 언듯보면 왼쪽정렬(기본정렬)과 비슷하지만 줄바꿈이 일어난 오른쪽 가장자리를 비교하면 그 차이를 확인할 수 있습니다.</p>

정렬하지 않은 문단은 기본적으로 왼쪽 정렬입니다.

왼쪽정렬입니다. 정렬을 시키지 않으면 기본적으로 왼쪽정렬이 되므로 잘 사용하지 않습니다.

가운데 정렬입니다.

오른쪽 정렬입니다.

맞춤정렬입니다. 한 문단이 길어져서 화면의 끝에서 자동 줄바꿈이 일어날때 그 가장자리 부분을 일정하게 맞춰주는 기능입니다. 언듯보면 왼쪽정렬(기본정렬)과 비슷하지만 줄바꿈이 일어난 오른쪽 가장자리를 비교하면 그 차이를 확인할 수 있습니다.

 

Copyright © Homejjang.com All rights reserved.