ch2_4. 줄바꿈과 공백 삽입하기

---

문서를 작성하다 보면 줄을 바꾸거나 글 사이의 공백을 많이 둬야 할 때가 종종 있습니다.

이럴 경우 우리는 엔터 키와 스페이스 바를 사용합니다. 그럼 먼저 엔터 키와

스페이스 바로 HTML문서에서 줄바꿈을 공백으로 표시해보겠습니다.

원하는 것은

'반가    워요.

 

건강   하세요.'

였지만 의도와는 다르게 한줄로 나오네요.

웹 브라우저 실행 결과를 보면 줄바꿈과 공백이 적용되지 않고

내용이 한줄로 표시되었어요.

물론 여러번의 공백 중 한 번은 적용되었습니다.

---

스페이스 바로 여러 번 공백을 입력해도 적용은 한번만 적용됩니다.

HTML 문서에서 키보드의 스페이스 바로 여러 번 입력된 공백은 입력된 공백의 개수와

상관없이 웹 브라우저 실행 결과에서는 한 개의 공백만 적용되어 나타납니다.

---

HTML 문서에서는 줄바꿈을 하려면 <br> 태그를 사용하고

공백을 삽입하려면 HTML 의 특수 문자 기호인

&nbsp;를 사용해야 합니다.

이번엔 <br> 태그와 nbsp;를 이용하여 웹페이지에 줄바꿈과 공백을 삽입해보겠습니다.

HTML 문서에서 &nbsp; 를 한 번 사용하면 그 위치에 공백이 하나 생깁니다.

만약 공백 세개를 표현하려면 &nbsp;를 세 번 사용하면 됩니다.

그리고 <br>태그는 일종의 엔터 키입니다.

<br>태그를 한 번 쓰면 워드에서 엔터 키를 한번 누른 것처럼 줄을 바꿉니다.