Blog Content

    티스토리 뷰

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

    반응형
    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>
    반응형

    'jQuery | javascript | CSS' 카테고리의 다른 글

    06.HTML- <comment> 태그 (주석문)  (0) 2009.07.22
    05.HTML- <hr> 태그  (1) 2009.07.21
    03.HTML- H 태그 사용(글자 크기변경)  (0) 2009.07.21
    02.HTML 기본구조  (0) 2009.07.21
    01.HTML 기초 문자열 출력  (0) 2009.07.21

    Comments