반응형
1. <p> 태그 - 단락 만들기
기본형 : <p> 텍스트 </p>
- 텍스트를 표시할 때 가장 많이 사용하는 태그가 <p> 태그입니다. <p> 태그는 단락을 만드는데 '단락'이란 앞뒤에 줄바꿈이
있는 텍스트 덩어리를 의미합니다.
<p> 태그는 다음 </p> 태그를 만날 때까지 줄바꿈 없이 텍스트를 한 줄로 표시하는데 텍스트 줄이 웹 브라우저의 창의
너비보다 길어질 경우, 줄이 자동으로 바뀝니다.
아래 코드는 <p>태그를 사용하여 다섯 문장을 작성했습니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14 |
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title><p>태그 사용</title>
</head>
<body>
<p>p 태그 사용 방법입니다.</p>
<p>p 태그 사용 방법입니다.</p>
<p>p 태그 사용 방법입니다.</p>
<p>p 태그 사용 방법입니다.</p>
<p>p 태그 사용 방법입니다.</p>
</body>
</html> |
cs |
<사진 1.1>
<사진1.1> 코드의 결과 화면은 아래와 같습니다.
<사진 1.1 결과 화면>
결과 화면을 보시면 <br>태그를 사용하지 않았지만 <p>태그를 사용하여 자동 줄바꿈이 되는 것을 확인할 수 있습니다!
* <br> 태그를 두 개 삽입하면 <p> 태그와 비슷한 기능을 한 것처럼 보일 수 있으나 웹 브라우저는 이것을 텍스트 단락으로
인식하지 않는다는 것을 주의해주세요!
반응형
'Web Basic > HTML5' 카테고리의 다른 글
| [HTML5] <pre>태그 사용 방법 (0) | 2018.03.07 |
|---|---|
| [HTML5] <blockquote>태그 사용 방법 (0) | 2018.03.07 |
| [HTML5] <hr> 태그 사용 방법 (0) | 2018.03.05 |
| [HTML5] <br> 태그 사용 방법 (0) | 2018.03.05 |
| [HTML5] <hn> 태그 사용 방법 (0) | 2018.03.03 |