p 태그 정확하게 이해하기

p태그란?

HTML P태그란 HTML 문서 안에서 문단을 나누는 태그입니다. 이 태그는 <P></P> 이렇게 두개의 쌍으로 이루어져있는데요, 우리가 일상생활에서 자주 보는 문장부호인 엔터(Enter)키와 같은 역할을 한다고 보시면 됩니다. 즉, 줄바꿈을 하는거죠. 그렇다면 왜 굳이 따로따로 쓰는걸까요? 그건 바로 웹표준과 관련이 있습니다. 현재 대부분의 웹브라우저에서는 Html5 표준을 준수하는데요, 이때 모든 브라우저들이 동일한 결과를 보여주기 위해서는 각 요소들을 분리해서 써야한답니다. 그래서 각각의 공백마다 다른 의미를 부여해야되기 때문에 한줄씩 띄우는겁니다.

p태그안에 글자수 제한이 있나요?

아닙니다. 하지만 너무 많은 양의 텍스트를 입력하면 가독성이 떨어지기 때문에 적당한 길이로 쓰시는걸 추천드려요.

p태그대신 css로도 해결가능한가요?

CSS로는 불가능합니다. CSS는 스타일을 정의하는 언어이기 때문에 특정 부분에만 적용되는것이 아니라 전체 페이지에 영향을 주기 때문이죠.

p태그 예시

p태그 더 쉽게 알아보기

html 에서 <p>태그는 단락을 구분지어주는 아주 중요한 역할을 합니다. 이 때 주의해야할 점은 반드시 닫는 태그인 </p> 를 입력해주어야 한다는 거예요. 그렇지 않으면 화면상에서는 제대로 출력되지 않습니다. 아래 예시를 보면서 설명드릴게요.

<p>안녕하세요 여러분~ 저는 이제 막 HTML 을 배우기 시작한 초보입니다. 아직 모르는 부분이 많지만 열심히 공부해서 멋진 웹페이지를 만들어보고 싶어요~~ 화이팅!!!</p>

위 코드를 실행하면 안녕하세요 여러분~ 저는 이제 막 HTML 을 배우기 시작한 초보입니다. 아직 모르는 부분이 많지만 열심히 공부해서 멋진 웹페이지를 만들어보고 싶어요~~ 화이팅!!! 이렇게 한줄씩 띄어서 나오게 됩니다. 하지만 만약 위 코드처럼 닫지 않는다면 어떻게 될까요?

<p>안녕하세요 여러분~ 저는 이제 막 HTML 을 배우기 시작한 초보입니다. 아직 모르는 부분이 많지만 열심히 공부해서 멋진 웹페이지를 만들어보고 싶어요~~ 화이팅!!!</p>

이렇게 줄바꿈 없이 쭉 이어서 나오게 됩니다. 따라서 모든 문장과 문장 사이에는 무조건 <p> 로 닫아줘야한다는 걸 잊지 마세요!