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 study' 카테고리의 다른 글
| <em> 태그 사용법 (2) | 2023.01.26 |
|---|---|
| <br>태그 예제 (4) | 2023.01.25 |
| HTML 문서의 기본 구조 (4) | 2023.01.21 |
| 비쥬얼스튜디오 코드 웹문서 실행하기 (2) | 2023.01.08 |
| HTML 이란? (2) | 2023.01.03 |
댓글