본문 바로가기
프로그래밍/HTML5 태그 를 뛰어넘어라

(HTML/HTML5) 1.기본태그 <p> 7/10

by it-수다쟁이증후군 2019. 3. 25.

직전 포스트 복습

  1. h1 ~ h6 태그는 제목을 나타낸다.
  2. 단순히 강조의 용도로 사용하지 말 것.
  3. h1 ~ h3 태그를 사용하여 검색순위를 높이자.
(HTML/HTML5) 1. h1 ~ h6 기본태그 

이전의 강의를 간략하게 줄이면 위와 같다. p- 태그에 대해서 알아보자.

html5 태그완전정복 기초태그편 p



p-태그는 기본태그 10개 중에서 7번째에 있다. 아래 그림을 보면 간단히 알 수 있다.

p태그 간략 설명



1.html태그 <p> 간단 정리


의미/역활 : 문단을 나타낸다.
사용법 : <p> 와 </p> 사이에 적힌 내용이 문단이 된다



2.html태그 <p> 한걸음 더.


낱말들이 모여서 구성된 문장들은 다시 하나의 소주제문을 중심으로 일종의 집합을 형성하게 되는데, 이러한 문장들의 집합을 단락 혹은 문단이라 부른다.<출처 : 위키피디아>


이러한 정의는 사람은 인식할 수 있으나 웹브라우져는 인식할 수 없다. 그래서 문단이라는 추상적 개념을 웹브라우져가 인식 할 수 있게끔 구조적으로 정의해줘야 했다. 그래서 나온 것이. p-태그이다.

p태그 실제 사용법




3.html태그 <p> 속성 .


p태그 속성
속성Attribute 속성값Value 설명
1 align left / center /right / justify 문장을 정렬한다.


문단을 정렬한다. h1 ~ h6 태그와 비슷하다. 아니 글 = text 와 관련된 모든 태그는 이와 유사한 속성을 가지고 이러한 속성은 html문서에서 정의하지 않고 CSS에서 정의하여 사용한다. 태그-속성에 대응되는 CSS-프로퍼티가 있는데 꼭 확인을 해볼 것.



4.html태그 <p>태그 최종정리


  1. p 태그는 문단을 나타낸다.
  2. 웹문서를 구조화 할 수 있는 p 태그를 적극사용하자


다음챕터에서는 html기본태그 <br/>에 대해서 알아보자 ㄱㄱㄱ


댓글