티스토리 뷰

HTML 문단

pilot376 2014. 8. 1. 17:32

HTML 문단

문단은 <p> 태그로 정의한다.

<p>강아지가 꼬리를 흔들고 있다.</p> <fieldset> <legend>개인 정보</legend> <p><label>이름 : <input name="n"></label></p> <p><label>주소 : <textarea name="a"></textarea></label></p> </fieldset>


p 엘리먼트보다 더욱 적절하게 정의된 엘리먼트가 있다면, <p> 태그는 사용하지 않는다.

  • 아래의 예제는 올바른 문법이다.

    <section>
        <p>마지막 수정 : 2001-04-23</p>
        <p>작성자 : pilot376@paran.com</p>
    </section>
    
  • 그러나 아래의 예제가 더 좋은 마크업이다.

    <section>
        <footer>마지막 수정 : 2001-04-23</footer>
        <address>작성자 : pilot376@paran.com</address>
    </section>
    
    <section>
        <footer>
            <p>마지막 수정 : 2001-04-23</p>
            <address>작성자 : pilot376@paran.com</address>
        </footer>
    </section>
    


HTML 줄 바꿈

하나의 문단 안에서 줄 바꿈을 원한다면 <br> 태그를 사용한다.

<p>그 사람은 시험공부를 열심히 했지만,<br>
아쉽게도 결과가 좋지 않았다.</p>


참고


댓글