HTML에서 한 줄 바꿈을 삽입하는 방법

HTML 줄바꿈 삽입 방법

HTML 문서에서 문장이나 텍스트 사이에 한 줄 바꿈(line break)을 넣고 싶다면   태그를 사용하면 됩니다. 태그는 닫는 태그 없이 단독으로 사용하는 빈 요소(empty element)로, 해당 위치 이후의 내용을 새로운 줄로 내려서 화면에 표시해 줍니다.

예제

아래 예제 코드를 직접 실행해 보면서 태그를 사용해 줄바꿈을 삽입하는 방법을 확인할 수 있습니다.

<!DOCTYPE html>
<html>
    <head>
        <title>HTML br Tag</title>
    </head>
    <body>
        <p>This is before the line break<br />
        and this after the line break.</p>
    </body>
</html>

위 코드를 실행하면 "This is before the line break"라는 문장 바로 뒤에서 줄이 바뀌어, 그 다음 문장이 새로운 줄에 출력되는 것을 확인할 수 있습니다.

참고로 XHTML처럼 엄격한 문법 규칙을 따르는 환경에서는 처럼 태그 끝에 슬래시를 붙여 작성하는 것이 좋습니다. 또한 태그는 문단 자체를 나누는 용도보다는 주소, 시(詩) 등 줄바꿈이 의미를 가지는 짧은 텍스트에 사용하는 것이 바람직하며, 일반적인 문단 구분에는 태그를 사용하는 것이 권장됩니다.