Computer >> Máy Tính >  >> Lập trình >> HTML

HTML Dòng mới Sử dụng và

Bạn có thể thêm một dòng mới vào trang HTML bằng các thẻ
hoặc

<p>
Test<br>
</p>

Thẻ
thêm một dòng mới sau từ "Kiểm tra". Thẻ này không có thẻ đóng, Thay vào đó, bạn chỉ cần thêm
vào bất kỳ vị trí nào mà bạn muốn có một dòng mới. Hãy xem một ví dụ chi tiết hơn:

Ở đây nó được sử dụng sau mỗi dòng trong một địa chỉ:

81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.

Sinh viên tốt nghiệp bootcamp trung bình đã dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.

<!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>

Trong mã này, chúng tôi sử dụng thẻ
sau mỗi thẻ HTML trong thẻ

. Thao tác này sẽ thêm một dòng mới vào từng phần của địa chỉ.

Thẻ
<pre>
This is a sentence.
</pre>

Mã này định dạng văn bản “Đây là một câu” chính xác như nó xuất hiện giữa các thẻ

<!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>

Chúng tôi thêm thẻ

 ngay sau thẻ  trong mã của chúng tôi. Tất cả văn bản trong thẻ - thẻ đoạn HTML và thẻ 
của chúng tôi - được định dạng như nó xuất hiện trong trình soạn thảo văn bản.

Chúng tôi không cần sử dụng thẻ
trong địa chỉ. Điều này là do chúng tôi đã chèn các dòng mới bằng phím enter trong trình soạn thảo văn bản của mình.

Thông thường, điều này sẽ không cho phép chúng tôi thêm các dòng mới vào tài liệu của mình. Bởi vì chúng tôi đã sử dụng thẻ

, các dòng mới của chúng tôi được tạo bằng phím enter sẽ xuất hiện trong tài liệu cuối cùng. 

Kết luận

Có hai cách để chèn ngắt dòng vào HTML:

  . Thẻ 
hữu ích nếu bạn muốn thêm một dòng mới vào một vị trí cụ thể.
 sẽ tốt hơn nếu bạn có một khối văn bản mà bạn muốn xuất hiện như nó trong trình soạn thảo văn bản của mình. 

Bạn có muốn tìm hiểu thêm về cách viết mã trong HTML? Chúng tôi có hướng dẫn Cách học HTML liệt kê các khóa học và tài nguyên hàng đầu mà bạn có thể sử dụng để nâng cao kiến ​​thức của mình.