およびを使用したHTML改行
ここでは、アドレスの各行の後に使用されます：
参加者の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>