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

Thêm thẻ không gian HTML

Khi viết HTML, bạn sẽ nhận thấy khoảng trắng bổ sung được tạo ra khi bạn nhấn phím cách sẽ không xuất hiện khi văn bản được hiển thị trong trình duyệt.

Ví dụ:

<p>April is the cruelest month,</p>
<p>April   is   the   cruelest   month,</p>

Trong thẻ

đầu tiên, chỉ có một khoảng trắng giữa mỗi từ. Nhưng trong thẻ

thứ hai, có ba khoảng trắng giữa mỗi từ. Bất kể, mỗi dòng hiển thị trên trang web theo cùng một cách:

April is the cruelest month,
April is the cruelest month,

Trong bài viết này, chúng ta sẽ thảo luận về ba giải pháp để thêm không gian cho mã HTML của bạn.

Thẻ HTML để thêm không gian

Thêm thẻ không gian HTML

Ký tự HTML không ngắt khoảng cách

Để tạo khoảng trắng trước, giữa hoặc sau văn bản của bạn, bạn có thể sử dụng khoảng trắng không ngắt, thẻ ``. Dưới đây là một ví dụ về cách triển khai ký tự HTML này:

<p>i carry your heart with me(i carry it in my heart)</p>
<p>i carry your &nbsp; heart &nbsp; with me(i carry it in my heart)</p>

hiển thị:

tôi mang trái tim của bạn với tôi (tôi mang nó trong trái tim của tôi)

tôi mang trái tim của bạn với tôi (tôi mang nó trong trái tim của tôi)

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 chương trình đà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ọ.

Phần tử văn bản được định dạng sẵn

Thẻ 

    <p>I was a child and she was a child,
   In this kingdom by the sea,
But we loved with a love that was more than love—
   I and my Annabel Lee—</p>

    <pre>I was a child and she was a child,
   In this kingdom by the sea,
But we loved with a love that was more than love—
   I and my Annabel Lee—</pre>

hiển thị:

Tôi là một đứa trẻ và cô ấy là một đứa trẻ, Trong vương quốc bên bờ biển này, Nhưng chúng tôi yêu bằng một tình yêu còn hơn cả tình yêu— Tôi và Annabel Lee của tôi—

Tôi là một đứa trẻ và cô ấy là một đứa trẻ,

Trong vương quốc bên bờ biển này,

Nhưng chúng tôi đã yêu bằng một tình yêu còn hơn cả tình yêu—

Tôi và Annabel Lee của tôi—

Ngắt dòng

Nếu bạn muốn thêm khoảng cách giữa các dòng văn bản, thì thẻ ngắt dòng hoặc thẻ
sẽ hoạt động tốt nhất. Dưới đây là ví dụ về cách triển khai thẻ
:

<p>so much depends
     upon

     a red wheel
     barrow

     glazed with rain
     water

     beside the white
     chickens</p>

<p>so much depends<br>
     upon<br>
     <br>
     a red wheel<br>
     barrow<br>
     <br>
     glazed with rain<br>
     water<br>
     <br>
     beside the white<br>
     chickens</p>

Kết quả nào:

Thêm thẻ không gian HTML

Kết luận

Tóm lại, chúng tôi đã học được ba cách để thêm không gian bằng cách sử dụng các thẻ HTML. Nếu bạn chưa quen với HTML, hãy xem hướng dẫn của chúng tôi tại đây:Tìm hiểu HTML:Hướng dẫn Học ngôn ngữ đánh dấu siêu văn bản hoặc đọc bài viết của chúng tôi Mất bao lâu để học HTML?


No