HTML_단락 (feat. <p>)

<p>

  우리는 단어, 문장, 문단(단락)을 표현하여 대화하고 글을 작성한다.

  마찬가지로 홈페이지에 작성하는 글도 단락을 구분해야 하는 경우가 많이 생긴다.

  이때 사용하는 태그가 바로 <p>태그이다.

 

  어떻게 표현되는지 실습을 통해 확인해보자.

  실습을 위해 HTML_개발프로그램 (feat.atom)게시물의 본문을 사용해보자.

  

  실습.

    메모장, 텍스트편집기로 작성을 계속하다보면

    작업시간과 체력이 매우 비효율적으로 사용된다는 것을 느낄 수 있다.

    마침 html을 배우던 중 개발프로그램에 대한 교육이 있어 바로 적용했다.

 

    프로그램이름은 'atom'

    html을 사용하기도 좋고, 파일을 작성할때 가독성도 매우 뛰어나며,

    별도의 패키지를 적용시키면 자동으로 완성해주는 기능도 있다.

 

  위 내용에서 임의로 바로 적용했다. 다음 줄을 단락으로 분리해보았다.

  그런데 우리 HTML페이지에는 이렇게 출력이 됐다.

예재

  역시나 단락은 커녕 줄바꿈 조차 적용되지 않았다.

  줄바꿈은 <br>로, 단락은 오늘 해볼 <p>태그로 적용해볼 것인데,

  <p>태그를 어떻게 사용하는지도 모르고 사용할 순 없다.

  <p>태그는 매우 간단하다. 여타 태그들 처럼 원하는 문단끼리만 감싸주면 된다.

예재

  문단은 p태그로, 줄바꿈은 br태그로 표현해

  간단하게 원하는 출력을 볼 수 있다.