jQuery | javascript | CSS

04.HTML- p태그(문단태그)

Godffs 2009. 7. 21. 23:39
반응형
p태그의 기능을 살펴 보면 다음과 같습니다.
 1. <p>태그는 <br>태그 2개의 역활을 수행합니다.( 문장의 단락을 나누는데 사용 )
2. p태그의 속성값을 사용하여 정렬 할 수 있습니다. (align의 속성값을 사용)

<p>태그 1

<html xmlns=http://www.w3.org/1999/xhtml />
<head>
    <title> P태그 </title>
</head>
<body>
    <div>
        안녕하세요.<p>반갑습니다.</p>다음에 또 뵙겠습니다.
    </div>
</body>
</html>


<p>태그1 결과 화면입니다.

그림4-1

<p>태그 2

<html xmlns="http://www.w3.org/1999/xhtml" />
<head>
    <title> P태그_2 </title>
</head>
<body>
    <div>
        <p align="left">안녕하세요.</p>
 <p align="center">이준철 입니다.</p>
 <p align="right">반갑습니다.</p>
    </div>
</body>
</html>

<p>태그_2 결과 화면입니다.

그림 04-2



align 속성은 정렬방식을 나타내는 것으로
기본적으로 (  align="left" , align="center" , align="right"  ) 있습니다.
xhtml 스타일시트에서 사용되는 예제 소스입니다.
<body>
    <div style="txt-align:center;">가운데정렬</div>
</body>
반응형