여기에서는 주소의 각 줄 다음에 사용됩니다.
참가자의 81%는 부트캠프에 참석한 후 기술 직업 전망에 대해 더 자신감을 느꼈다고 말했습니다. 지금 부트캠프에 참여하십시오.
부트캠프 졸업생은 부트캠프 시작부터 첫 직장을 찾는 데까지 6개월도 채 걸리지 않았습니다.
이 코드에서는
또는 <p>
Test<br>
</p>
태그는 "Test"라는 단어 뒤에 새 줄을 추가합니다. 이 태그에는 닫는 태그가 없습니다. 대신 새 줄을 원하는 위치에
을 추가하기만 하면 됩니다. 더 자세한 예를 살펴보겠습니다.<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Line Breaks</title>
</head>
<body>
<div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, veritatis. Soluta pariatur nesciunt voluptatum id incidunt minus ratione obcaecati laborum unde? Voluptatibus officia quia ducimus odio labore atque aperiam sint. Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque dolores provident animi deserunt maxime. Officiis explicabo odit vitae. Doloremque nemo nobis voluptates ducimus aperiam libero maiores accusamus earum ipsam voluptate! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ea nostrum commodi et exercitationem, maiores eum facere dicta repellendus laborum voluptatibus amet ipsam animi repellat distinctio deleniti quis? Dicta, aperiam nobis.</p>
<address>
<span>123 Main St</span><br>
<span>Hometown, USA</span><br>
<span>23455-2345</span>
</address>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos tempora modi eius omnis provident sit itaque vel ad porro nulla vero sequi ullam aperiam placeat consectetur, assumenda in autem dolorum! Lorem ipsum dolor sit amet consectetur adipisicing elit. Et, cumque tenetur quos sit assumenda consectetur voluptas veritatis soluta. Alias accusamus similique odio iste. Laudantium vitae exercitationem illum suscipit assumenda enim! Lorem ipsum dolor sit amet consectetur, adipisicing elit. Dignissimos architecto deleniti debitis alias recusandae, optio ab nihil in neque nam impedit at a corporis delectus quas! Aliquid, modi earum. Quidem.</p>
</div>
</body>
</html>
태그를 사용합니다. 이렇게 하면 주소의 각 부분에 새 줄이 추가됩니다.
HTML <pre>
This is a sentence.
</pre>
이 코드는
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Line Breaks</title>
</head>
<body style="max-width: 800px; width: 100%;">
<pre style="width: 100%;">
<p style="width: 800px;">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ut temporibus dolores
iure molestias porro, esse, ducimus provident ipsam voluptas rerum veniam vero
inventore tempora molestiae error sapiente veritatis, neque eligendi. Lorem ipsum
dolor sit amet consectetur adipisicing elit. Accusamus soluta ipsam eligendi
nesciunt hic explicabo vel doloremque quod eaque minima. Fugit enim fugiat neque
quos, eligendi commodi sint architecto repellendus? Lorem ipsum dolor sit amet
consectetur adipisicing elit. Laboriosam, saepe ipsam! Fugiat id quod esse
obcaecati vitae at commodi distinctio, praesentium labore eveniet corporis aut,
sint qui nostrum iure in!
</p>
<address>
2345 Main St.
Hometown, Anywhere, USA
12345-3456
</address>
<p style="width: 800px; height: 500px; background: pink;">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque assumenda,
explicabo aspernatur odit saepe a dicta eveniet accusamus laudantium,
molestiae quae sunt cumque iusto? Tenetur eligendi architecto atque tempora.
Placeat? Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Ullam sit libero quibusdam, ex ut, possimus iure non architecto
doloremque consectetur quam eligendi repellat facere vero omnis officiis
aperiam modi ea. Lorem ipsum dolor sit amet consectetur adipisicing elit.
Iusto quas, autem impedit, ratione enim porro illum fugit natus voluptatem
sunt error non accusamus nulla blanditiis aspernatur nemo repudiandae sequi
reiciendis!
</p>
</pre>
</body>
</html>