프론트엔드 (Frontend)/HTML
[실습] HTML태그 - <p> 태그
Limbora
2025. 1. 2. 13:06
[실습] HTML태그 - <p> 태그
HTML 태그 | 2024.12.23 - [프론트엔드 (Frontend)/HTML] - HTML 태그
사용할 HTML 태그
| 본문 내용 관련 태그 |
<p> |
| <br> |
결과 확인
실습 코드
더보기
<!-- HTML5 문서임을 선언하는 태그, 문서의 가장 상단에 위치 -->
<!DOCTYPE html>
<!-- HTML 문서의 시작을 나타내는 태그 -->
<html>
<!-- 문서의 메타데이터(제목, 문자인코딩 등..)를 포함하는 부분 -->
<head>
<!-- 문서의 문자 인코딩 선언 -->
<meta charset="UTF-8">
<!-- 다양한 단말에서 화면 최적화 즉 단말 크기에 맞춰서 화면에 맞게 렌더링됨 -->
<meta name="viewport" content="width = device-width,initial-scale = 1.0" />
<!-- 문서의 제목을 정의 -->
<title>[실습] HTML태그 - P태그</title>
<!--
닫는태그, <head>태그의 종료를 나타내는 태그
HTML 태그는 여는태그 <> 와 닫는태그 </> 로 구성
태그에 따라 닫는 태그를 생략할 수 있음
-->
</head>
<!-- 실제 웹 페이지의 내용을 포함하는 부분 -->
<body>
<h1>[실습] HTML태그 - P태그</h1>
<!--
<p>: 한 문단을 구분할 때 사용
연속된 공백이나 줄바뀜은 단순한 공백 한 칸으로 처리. 한줄로 쪽- 출력됨
-->
<p>
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리 나라 만세
무궁화 삼천리 화려강산
</p>
<br> <!-- 줄바꿈 -->
<p>
이 기상과 이 맘으로 충성을 다하여<br>
괴로우나 즐거우나 나라 사랑하세<br>
무궁화 삼천리 화려강산<br>
대한사람 대한으로 길이 보전하세<br>
</p>
</body>
</html>