반응형
1. html p 태그 기본
2. p 태그 줄바꿈, 띄어쓰기
2-1 p 태그 특징
2-2 p 태그 줄바꿈
2-3 p 태그 띄어쓰기
1. html p 태그 기본
<!DOCTYPE html>
<html>
<body>
<p>여기에 단락을 입력한다.</p>
</body>
</html>
- p 태그에는 단락을 입력한다.
- 여러 개 사용할 수 있다.
...
2. p 태그 줄바꿈, 띄어쓰기
2-1 p 태그 특징
<!DOCTYPE html>
<html>
<body style="background-color:rgb(230, 176, 192);">
<p>
내가 여기에 아무리 띄어쓰 기를 이렇게 해도
줄바꿈도
해도
</P>
<p>html에서는 한 줄로 나온다.</p>
</body>
</html>
- p 태그에서 원하는 문구를 적을 때, 줄바꿈(엔터, \n)은 적용되지 않는다.
- 띄어쓰기를 여러 번 해도, 처음 한번밖에 적용이 안된다.
...
2-2 p 태그 줄바꿈
<!DOCTYPE html>
<html>
<body style="background-color:rgb(230, 176, 192);">
<p>
내가 여기에 아무리 띄어쓰 기를 이렇게 해도
<br>줄바꿈도
<br>해도
</P>
<p>html에서는 한 줄로 나온다.</p>
</body>
</html>
- 엔터를 넣고 싶은 위치에 <br> 을 넣어주면 줄바꿈을 할 수 있다.
- <br>은 따로 끝내는 태그가 필요없다. (</br> 할 필요가 없다.)
...
2-3 p 태그 띄어쓰기
<!DOCTYPE html>
<html>
<body style="background-color:rgb(230, 176, 192);">
<pre>
내가 여기에 아무리 띄어쓰 기를 이렇게 해도
줄바꿈도
해도
</pre>
<p>html에서는 한 줄로 나온다.</p>
</body>
</html>
- <pre></pre>를 사용하면 띄어쓰기와 엔터를 전부 적용할 수 있다.
- 근데 탭도 적용된다. (들여쓰기 한거도 적용된다.)
반응형
'컴퓨터 > Front (Html, JS)' 카테고리의 다른 글
| [html] html 기본 문법 익히기_6. html 에 데이터 테이블 (표) 셀 병합 (0) | 2021.10.14 |
|---|---|
| [html] html 기본 문법 익히기_5. html 에 데이터 테이블 (표) 추가, 크기조절 (0) | 2021.10.13 |
| [html] html 기본 문법 익히기_3. html body a 태그와 속성 (0) | 2021.10.11 |
| [html] html 기본 문법 익히기_2. html body img 태그와 속성 (0) | 2021.10.10 |
| [html] html 기본 문법 익히기_1. html body 대충 (0) | 2021.10.09 |
댓글