HTML 줄바꿈 입력하기

HTML 줄바꿈 사용하기

HTML에서는 줄바꿈을 사용할때 태그를 이용하여 줄을 변경할 수 있습니다.

 

<pre></pre>

더 자세한 설명은 아래에서 확인 할 수 있습니다.

br 태그는 ‘break’(휴식)의 약자로 단순히 HTML에서 줄바꿈을 할 때 사용됩니다.여러개의   태그를 입력하면 입력된 갯수만큼 줄바꿈이 실행되죠.다른 태그들과 달리 열고  닫는 태그가 존재하지 않고 그냥   태그만 써 주어도 무방합니다.

See the Pen HTML br tag by Dully Dully (@Dully-Dully) on CodePen.

문단 사이에 여백을 두기 위한 용도로
을 사용하지 마세요. 대신

요소로 감싼 후 CSS의 margin 속성으로 여백의 크기를 조절하세요.

p 태그는 ‘paragraph’(단락)의 약자로, html에서 문단을 표현 할 때 사용됩니다. 와  태그로 내용을 감싸면, 내용의 위와 아래쪽에 일정 크기의 공백이 생깁니다.

See the Pen HTML p tag by Dully Dully (@Dully-Dully) on CodePen.

이것은

와

태그 위와 아래쪽에 일정 크기의 공백이 생긴 것으로이 공백의 크기는 css의 margin 속성을 이용하여 조정할 수도 있습니다.

pre는 ‘preformatted’(먼저 포멧 된) 약자로, <pre></pre> 태그 내에 있는 엔터와 스페이스가 그대로 웹 브라우저에 적용되어 보여지게 됩니다.

See the Pen HTML pre tag by Dully Dully (@Dully-Dully) on CodePen.

위의 예에서 <pre></pre> 태그 안에서는 태그나  ,   태그를 사용하지 않아도 공백과 줄바꿈이 태그 안에 입력된 대로 적용되는 것을 볼 수 있습니다.이 태그는 보통 컴퓨터 소스 코드와 같은 특별한 내용을 표현하기 위해서 종종 사용됩니다.