앱 만들기/HTML5

<p>태그 예제

나도 처음이야 2023. 1. 24.

HTML 태그 중 <p>태그에 대해서 알아봅니다.

p 태그는 문단을 표현하는 태그 로 영어 paragraph 의  태그 약자이기도 합니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>p태그 연습입니다</h1>
    <!-- paragraph 의 약자-->
    <h2>예제를 살펴봅시다</h2>
    <p>
        P태그 예제 입니다. P태그는 문단을 의미하며 해당 태그 앞뒤로 한줄 띄어쓰기가 들어갑니다.
        P태그는 열고 닫는 태그가 한쌍으로 구성되어 집니다.
    </p>
    <h3>예제를 마무리 합니다.</h3>    
</body>
</html>

위 예제처럼, p 태그로 작성된 문단 은 앞뒤에 한줄의 공백이 생깁니다.

즉, 웹브라우저에서 정보 전달시 문단으로서의 역할을 충분히 나타낼 수 있습니다.

하기는 결과 내용 입니다.

p태그는 <h></h> 태그처럼 <p></p> 열고 닫는 태그가 한쌍으로 구성되어야 합니다.

p태그 예제 였습니다. 감사합니다.

반응형

'앱 만들기 > HTML5' 카테고리의 다른 글

<em> 태그 사용법  (2) 2023.01.26
<br>태그 예제  (4) 2023.01.25
HTML 문서의 기본 구조  (4) 2023.01.21
비쥬얼스튜디오 코드 웹문서 실행하기  (2) 2023.01.08
HTML 이란?  (2) 2023.01.03

댓글