Để giải quyết những vấn đề này, có một số cách khác để bao gồm nhiều khoảng trắng không ngắt trong tài liệu HTML, chẳng hạn như “ Nghiên cứu này sẽ dạy cho bạn: Đầu tiên, chúng ta sẽ xem qua một ví dụ triển khai “ ” để thêm khoảng trắng vào tài liệu HTML. Sau đó, dần dần xem qua các hình minh họa để trình bày các phương pháp khác nhau để thêm không gian tab. Để thêm dấu cách sử dụng “ ” trên trang HTML, hãy làm theo các bước được cung cấp: Có thể thấy rằng các khoảng trắng đã được thêm thành công vào đầu đoạn văn: HTML “ ” là một phần tử nội tuyến được sử dụng để đánh dấu một phần của tài liệu. Trong ví dụ đang diễn ra, chúng tôi đã thêm phần tử với “ chuyển hướng ' Tôi. Phần tử này được tạo kiểu trong CSS để tạo khoảng trống: Kiểu div “bài viết” Các ' .mạo từ ” được sử dụng để truy cập vào “ Id “tab” kiểu Các ' #chuyển hướng ' Truy cập ' chuyển hướng ” id của phần tử và áp dụng “ đệm-trái ” tài sản trên đó. đầu ra Các ' Tổng quan về ví dụ bằng cách tạo trang HTML đầu tiên: đầu ra Để thêm không gian tab bằng cách sử dụng CSS “ lề trái ” tài sản, hãy làm theo quy trình được cung cấp: Đây là mã HTML của kịch bản đã thảo luận ở trên: Trang HTML sẽ trông như thế này: Hãy chuyển sang phần CSS để thêm nhiều khoảng trắng vào “ img-2 ” mà không sử dụng nhiều khoảng trắng không ngắt. Kiểu div 'hình ảnh' Các ' .hình ảnh ” được sử dụng để truy cập div HTML có chứa “ hình ảnh ' lớp. Giải thích về các thuộc tính nêu trên như sau: Kiểu div “img-2” Các ' lề trái ” tài sản với một “ 30px ” giá trị được áp dụng cho phần tử div HTML có lớp “ img-2 ”. Thuộc tính này sẽ thêm không gian 30px ở bên trái của phần tử. Ở đây, kết quả cho thấy rằng hình ảnh thứ hai được áp dụng với một số khoảng trống khi bắt đầu: Chúng tôi đã xây dựng chi tiết về việc thêm dấu cách tab thay vì sử dụng nhiều dấu cách không ngắt “ ”. Trong HTML, “ ” mã thực thể thường được sử dụng để thêm khoảng trống không ngắt trong tài liệu. Để tránh sử dụng mã thực thể này nhiều lần, có nhiều cách khác để thêm không gian tab vào tài liệu. Các phương pháp này bao gồm việc sử dụng HTML “ ”, “ ” phần tử, CSS “ lề trái ”, “ đệm-trái ” tài sản, và nhiều hơn nữa.
”?
Cách thêm khoảng trắng bằng cách sử dụng “ ” mã thực thể trong HTML?
< div lớp = 'mạo từ' >
< h2 > Kiên thức là sức mạnh < / h2 >
< P > Kiến thức là sức mạnh có nghĩa là một người đàn ông có học thức có toàn quyền kiểm soát cuộc sống của mình thông qua sức mạnh của kiến thức. < / P >
< / div >
Làm cách nào để thêm không gian tab bằng phần tử HTML “”?
< div lớp = 'mạo từ' >
< h2 >Kiến thức là sức mạnh< / h2 >
< P >< nhịp Tôi = 'chuyển hướng' >< / nhịp > Kiến thức là sức mạnh có nghĩa là một người đàn ông có học thức có toàn quyền kiểm soát cuộc sống của mình thông qua kiến thức sức mạnh của.
lề: xe hơi;
chiều rộng : 400px;
phần đệm: 10px;
}
đệm-trái: 8px;
}
Làm cách nào để thêm không gian tab bằng phần tử HTML “
”?
” phần tử xác định văn bản được định dạng trước. Văn bản trong phần tử được hiển thị trên trang web như vốn có.
” và chỉ định nội dung với định dạng mong muốn:
< h2 >Thẻ trước HTML< / h2 >
< trước >
sản phẩm chức năngChức năng ( p1, p2 ) {
trả lại p1 * p2;
}
< / trước >
Làm cách nào để thêm không gian tab bằng thuộc tính CSS “margin-left”?
< div lớp = 'img-1' >
< hình ảnh src = '/spring-images/marguerite-flower.jpg' chiều rộng = '250' >
< / div >
< div lớp = 'img-2' >
< hình ảnh src = '/spring-images/flower-ga8f105f1d_1920.jpg' chiều rộng = '250' >
< / div >
< / div >
chiều rộng : 500px;
ký quỹ: tự động;
}
Truy cập phần tử div bằng cách sử dụng “ .img-2 ”:
lề trái: 30px;
}
Phần kết luận
”, “ ” yếu tố,” lề trái ” tài sản, và nhiều hơn nữa. Blog này đã đề cập đến một số cách giúp thêm khoảng cách tab trong tài liệu HTML thay vì thêm nhiều “ ” mã thực thể.