개발공부 3일차.
3일차 첫 태그는 <br>과 <pre>
<br> : 줄 바꿈
<pre> : 공백과 줄 바꿈 유지
<!DOCTYPE html>
<html>
<body>
<p>나는
여러줄로
글을 쓸꺼야
</p>
<!--줄바꿈 <br>-->
<p>나는<br>여러줄로<br>글을 쓸꺼야</p>
<!--공백과 줄 바꿈 모두 유지 <pre>-->
<pre>이건 뭘까?
공백과 줄 바꿈을 모두 유지한데
</pre>
</body>
</html>
이렇게 블로그에 글을 쓸때는 엔터로 줄을 바꾸는데
코딩에선 달랐다
엔터로 쳤을때는 그대로 한줄로 글이 써졌고
원하는 줄바꿈 부분에 <br>을 넣어줘야 한다.
내가 쓴 공백과 줄바꿈을 유지하고 싶다면
<pre> 내용 </pre>을 해주면 된다.
'개발공부 > HTML' 카테고리의 다른 글
| 개발공부 4일차 - 1.html 텍스트 정렬하기(가운데정렬, 왼쪽정렬, 오른쪽정렬) (2) | 2018.05.31 |
|---|---|
| 개발공부 3일차 -2. html style(배경색, 텍스트 색상, 글꼴, 크기 바꾸기) (0) | 2018.05.30 |
| 개발공부 2일차 - 2. html 주석달기(comment) (0) | 2018.05.29 |
| 개발공부 2일차 -1.html 목록만들기<ul><ol><li> (0) | 2018.05.29 |
| 개발공부 1일차 - 2. html 글자크기, 버튼, 링크열기 (0) | 2018.05.28 |