Menu
Coddy logo textTech

줄 바꿈

Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 60개 중 8번째.

HTML에서 <br> 태그는 줄바꿈을 만드는 데 사용됩니다. 이 태그는 새 단락을 만들지 않고 텍스트를 새 줄에서 시작하고 싶을 때 유용합니다. 텍스트 앞뒤에 빈 줄을 추가하는 <p> 태그와 달리, <br> 태그는 단순히 텍스트를 다음 줄로 이동시킵니다.

HTML에서 <br> 태그를 사용하는 방법은 다음과 같습니다:

<p>This is a line.<br>This is another line.</p>

이 예제에서 "This is a line."과 "This is another line."은 동일한 단락 내에서 서로 다른 줄에 표시됩니다. <br> 태그는 빈 요소(empty element)이며, 이는 닫는 태그가 없음을 의미합니다. 줄 바꿈을 원하는 위치에 <br>를 작성하기만 하면 됩니다.

challenge icon

챌린지

쉬움

하나의 단락이 포함된 HTML 문서가 주어집니다. 줄 바꿈을 사용하여 텍스트가 다음과 같이 나타나도록 만드세요:

Hello, world!
This is a new line.

치트 시트

<br> 태그는 새 단락을 만들지 않고 텍스트를 새 줄에서 시작하기 위한 줄바꿈을 생성합니다:

<p>This is a line.<br>This is another line.</p>

<br> 태그는 닫는 태그가 없는 빈 요소입니다.

직접 해보기

<!DOCTYPE html>
<html>
    <body>
        <p>Hello, world!This is a new line.</p>
    </body>
</html>
quiz icon실력 점검

이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.

Fundamentals의 모든 레슨