Cách Chèn Khoảng Trống Trong HTML - ICTsharing

Trang chủ » Khoảng Trắng Trong Css » Cách Chèn Khoảng Trống Trong HTML - ICTsharing

Có thể bạn quan tâm

Home → Front-End

Cách chèn khoảng trống trong HTML |In: Front-End|Last Updated: 19/07/2021 Like Tweet Pin it Share Share Email

Nhiều bạn tạo blog, hay học HTML nhưng không biết cách tạo khoảng trống trong HTML như thế nào?

Bài viết hôm nay sẽ hướng dẫn chi tiết cách sử dụng khoảng cách trong code HTML đơn giản nhất.

Cách chèn khoảng trống trong HTML

(khoảng trống không bị ngắt – non-breaking space)

Thông thường HTML chỉ hiển thị một khoảng trắng giữa các từ, không cần biết bạn đã gõ dấu cách bao nhiêu lần. Để buộc các dấu cách đã bị bỏ kia phải hiển thị, hãy gõ   vào nơi bạn muốn chèn.

Ví dụ:

Xin   chào bạn đã ghé thăm website ICTsharing!

Kết quả:

Xin chào bạn đã ghé thăm website ICTsharing!

=> sẽ tạo ra một khoảng trắng thừa giữa Xin và chào.

Đây được gọi là khoảng trống không bị ngắt hay không bị phá hủy vì nó ngăn không cho xuống dòng ở vị trí đó. Nếu lạm dụng kí tự này, trình duyệt sẽ khó chèn dấu ngắt dòng đẹp và đúng quy cách.

Có thể gõ   để tạo khoảng trống.

Cách chèn khoảng trống dài hơn trong HTML

Có thể dùng 1 trong các lựa chọn sau:

  • Chèn 2 khoảng trống:  
  • Chèn 4 khoảng trống:  
  • Chèn tab:     

Tạo ngắt dòng trong HTML

Gõ <br> sau dòng văn bản sẽ buộc đoạn văn bản sau đó xuống, sau đó gõ </br> trước dòng văn bản sẽ đặt đoạn xuống dòng giữa nó và đoạn văn bản trước.

Ví dụ:

ICTsharing! <br/>Là blog chia sẻ thông tin về ICT

Kết quả:

ICTsharing! Là blog chia sẻ thông tin về ICT

Tổng kết

Tóm tắt cách chèn khoảng trống trong HTML:

  • Gõ &nbsp; để chèn một khoảng trống
  • Gõ &ensp; để chèn 2 khoảng trống
  • Gõ &emsp; để chèn 4 khoảng trống
  • Gõ &nbsp;&nbsp;&nbsp;&nbsp; để chèn tab
  • Gõ <br> để ngắt dòng
  • Gõ <br><br> để ngắt dòng 2 lần

Hy vọng bài viết hữu ích cho bạn.

HTML HTML CSS Previous Post
Hướng dẫn nâng cấp phiên bản PHP cho XAMPP
Next Post
Hướng dẫn Cách tạo Drop List hiển thị dữ liệu trong Excel

Bài viết khác

Kích thước màn hình cho thiết kế Web Responsive

Chia sẻ theme HTML đạt chuẩn thương mại

Tích hợp Facebook Chat cho website không cần dùng plugin mới nhất 2019

Comments (0)

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Save my name, email, and website in this browser for the next time I comment.

Học mỗi ngày! tại Udemy

Turn to learning. Courses as low as $13.99.

Follow us

Danh mục

  • Bloger (6)
  • Chứng khoán (13)
  • Cloud (13)
    • AWS (12)
  • CMS (17)
    • Joomla (7)
    • Wordpress (15)
  • Đồ họa (9)
  • Hosting – Domain (7)
  • ICT News (21)
  • Kiếm tiền Online (14)
    • Google Adsense (2)
    • Kiếm tiền Youtube (1)
    • Tiếp thị liên kết (1)
  • Lập trình (51)
    • Database (4)
    • Flutter (5)
    • Front-End (5)
    • IDE (6)
    • Java (3)
    • Java Spring Boot (3)
    • Laravel (12)
    • PHP (10)
  • Linux (14)
    • Web Server (14)
  • Marketing (5)
  • Quản trị mạng (28)
  • Tài Nguyên (53)
    • Chia sẻ theme (7)
    • Ebook (22)
    • Khóa học (9)
    • Phần mêm tiện ích (10)
  • Thủ thuật (35)
  • Windows (21)
    • Microsoft Office (13)
    • Windows Server (3)
  • Popular
  • Latest
  • Comments
  • Tags
  • Hướng dẫn mở tài khoản giao dịch chứng khoán online tại vps

    Hướng dẫn mở tài khoản giao dịch chứng khoán online tại vps

    19/06/2021

  • Tạo Form Google Có Email Trả Lời Tự Động – Phần 2

    29/05/2019

  • Chia sẻ Miễn Phí Khóa Học Office Chuyên Nghiệp (Tin Học Văn Phòng)

    08/07/2020

  • Cách tạo trang chuyển hướng link download trong WordPress

    08/12/2020

  • Chia sẻ theme wp coupon wordpress mới nhất 2021

    27/09/2019

  • Xóa bản quyền theme blogger từ một số site bán theme phổ biến

    23/09/2019
  • Hướng dẫn mở tài khoản giao dịch chứng khoán online tại vps

    Hướng dẫn mở tài khoản giao dịch chứng khoán online tại vps

    19/06/2021
  • Hướng dẫn chặn chức năng Copy/Paste khi Remote Desktop

    Hướng dẫn chặn chức năng Copy/Paste khi Remote Desktop

    06/11/2025

  • Cách cấu hình eMail-Alert với Gmail cho FortiVoice 

    18/02/2025
  • Tổng hợp các phím tắt trong Visual Studio Code

    Tổng hợp các phím tắt trong Visual Studio Code

    04/07/2024
  • Cách sửa giờ timezone và đồng bộ thời gian trên server centos 6.9

    Cách sửa giờ timezone và đồng bộ thời gian trên server centos 6.9

    04/03/2024
  • Hướng dẫn mở khóa SMTP gửi mail trên VPS Directadmin

    Hướng dẫn mở khóa SMTP gửi mail trên VPS Directadmin

    30/11/2023
  • Trần Minh TrangTôi muốn thay đổi năm sinh
  • tryagaintryagain
  • Trần Thị Ánh DươngTôi muốn thay đổi ngày sinh
  • Hoài NamCảm ơn ad đã chia sẻ những thông tin hữu ích này nha. Mọi người có thể trải nghi
  • Quỳnh Như Lê NguyễnXin hãy giúp em
amazon cloud Apache Bloger Chia sẻ theme Chuyển tiền VPS Chứng khoán CMS Joomla CMS Wordpress Database ebook EC2 Excel facebook Featureds Flutter Google HTML CSS internet Java Java Spring MVC khóa học Kiếm tiền online kiếm tiền online 2020 Laravel Microsoft Microsoft Excel Microsoft Word MMO Mã giảm giá php Phần mềm tiện ích Seo server Spring Boot Sử dụng Facebook Thiết kế đồ họa thủ thuật Thủ thuật Máy tính Tieng Nhat N3 Tin tức Tiếng Nhật Tiếp thị liên kết webserver xampp Đầu tư chứng khoán

Từ khóa » Khoảng Trắng Trong Css