HTML 줄바꿈, 가장 쉽고 빠른 방법 알아보기

HTML 줄바꿈, 가장 쉽고 빠른 방법 알아보기

 

목차

1. 왜 HTML에서 줄바꿈이 필요할까요?
2. HTML 줄바꿈 태그 <br> 소개
3. <br> 태그 활용 예시
4. <p> 태그를 이용한 문단 나누기
5. 줄바꿈과 관련된 흔한 오해 풀기

1. 왜 HTML에서 줄바꿈이 필요할까요?

HTML은 웹 페이지의 구조를 만드는 언어입니다. 우리가 보는 웹 페이지는 단순한 텍스트의 나열이 아니라, 제목, 본문, 이미지 등 다양한 요소들이 조화롭게 구성되어 있습니다. 이러한 요소들을 원하는 위치에 배치하고, 시각적으로 보기 좋게 만들기 위해 줄바꿈은 필수적인 기능입니다.

2. HTML 줄바꿈 태그 <br> 소개

HTML에서 줄바꿈을 하려면 <br> 태그를 사용합니다. <br>은 'line break'의 약자로, 텍스트를 강제로 다음 줄로 옮기는 역할을 합니다. <br> 태그는 닫는 태그가 필요 없는 빈 태그입니다.

3. <br> 태그 활용 예시

<p>안녕하세요,<br>저는 HTML을 배우는 중입니다.<br>줄바꿈을 자유롭게 해 볼까요?</p>

위 코드를 브라우저에서 실행하면 다음과 같이 표시됩니다.

안녕하세요,
저는 HTML을 배우는 중입니다.
줄바꿈을 자유롭게 해 볼까요?

4. <p> 태그를 이용한 문단 나누기

<br> 태그를 반복해서 사용하는 것보다, <p> 태그를 이용하여 문단을 나누는 것이 더 일반적이고 효율적인 방법입니다. <p> 태그는 'paragraph'의 약자로, 하나의 문단을 나타냅니다.

<p>첫 번째 문단입니다.</p>
<p>두 번째 문단입니다.</p>

5. 줄바꿈과 관련된 흔한 오해 풀기

• 띄어쓰기와 줄바꿈: HTML에서 띄어쓰기를 여러 번 해도 브라우저는 하나의 공백으로만 인식합니다. 줄바꿈을 하려면 반드시 <br> 태그를 사용해야 합니다.
• 엔터 키와 줄바꿈: 코드 편집기에서 엔터 키를 누르면 새로운 줄이 추가되지만, 브라우저에서는 보통 무시됩니다. 줄바꿈을 위해서는 <br> 태그를 사용해야 합니다.

결론적으로, HTML에서 줄바꿈을 하고 싶다면 <br> 태그를 사용하거나 <p> 태그로 문단을 나누는 방법을 활용하면 됩니다.