단락을 표현하기 위한 태그 : <p> (paragraph)
사용 예시
p태그를 사용하지 않았을때,
<!DOCTYPE html>
<html lang="ko">
<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>
first paragraph
second paragraph
third paragraph
</body>
</html>
p태그를 사용하였을때,
<!DOCTYPE html>
<html lang="ko">
<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>
<p> first paragraph</p>
<p>second paragraph</p>
<p>third paragraph</p>
</body>
</html>
<p>는 단락이 존재한다는 것을 의미적으로 표현한다.
<p>태그는 정해진 여백만큼 벌어지기 때문에, 시각적으로 자유도가 떨어진다.
시각적으로 부족한 부분은 CSS를 통해 훨씬 더 정교하게 제어할 수 있다.
mdn 문서
https://developer.mozilla.org/ko/docs/Web/HTML/Element/q
<q>: 인라인 인용문 요소 - HTML: Hypertext Markup Language | MDN
HTML <q>요소는 둘러싼 텍스트가 짧은 인라인 인용문이라는것을 나타냅니다. 대부분의 브라우저에서는 앞과 뒤에 따옴표를 붙여 표현합니다. <q>는 줄 바꿈이 없는 짧은 경우에 적합합니다. 긴 인
developer.mozilla.org
'HTML, CSS' 카테고리의 다른 글
| [HTML] 주석 (0) | 2023.04.05 |
|---|---|
| [HTML] 강제 스페이스 : (0) | 2023.04.05 |
| [HTML] 가로줄을 표현하는 태그 : <hr> (0) | 2023.04.05 |
| [HTML] 줄바꿈을 표현하는 태그 : <br> (0) | 2023.04.05 |
| [HTML] 제목을 나타내는 태그 : <h1> ~ <h6> (0) | 2023.03.29 |