HTML 태그 중 <br>태그에 대해서 알아봅니다.
br 태그는 줄 바꿈을 해주는 태그 입니다.
하기 예제를 실행 시키면, <P>태그 안의 글자들이 한줄로만 보여집니다.
(물론 브라우저 창 크기에 맞게 한줄 혹은 여러줄로 보여줍니다.) 하지만, 원하는 위치에서 항상 줄바꿈을 하기를 원한다면, <br>태그를 사용해야 합니다.
<!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>
위 소스에 <br>태그를 추가해 봅니다.
<p>
P태그 예제 입니다. P태그는 문단을 의미하며 해당 태그 앞뒤로 한줄 띄어쓰기가 들어갑니다.
<br> P태그는 열고 닫는 태그가 한쌍으로 구성되어 집니다.
</p>브라우저 창 크기의 여백이 많음에도 불구하고 줄 바꿈이 된 것을 확인 할 수 있습니다.
<br> 태그는 <h>, <p>태그 처럼 </h>,</p> 닫는 태그가 필요치 않습니다.
바로 그 순간 줄 바꿈을 하기에 필요하지 않습니다.
웹 문서 작성 중 원하는 위치에 줄 바꿈을 하려면, <br> 태그를 사용해 보세요
감사합니다.
https://soo0100.tistory.com/2094
<p>태그 예제
HTML 태그 중 태그에 대해서 알아봅니다. p 태그는 문단을 표현하는 태그 로 영어 paragraph 의 태그 약자이기도 합니다. p태그 연습입니다 예제를 살펴봅시다 P태그 예제 입니다. P태그는 문단을 의
soo0100.tistory.com
반응형
'앱 만들기 > HTML5' 카테고리의 다른 글
| <strong>태그 사용법 (1) | 2023.01.28 |
|---|---|
| <em> 태그 사용법 (2) | 2023.01.26 |
| <p>태그 예제 (8) | 2023.01.24 |
| HTML 문서의 기본 구조 (4) | 2023.01.21 |
| 비쥬얼스튜디오 코드 웹문서 실행하기 (2) | 2023.01.08 |
댓글