Thẻ HTML <pre>
Định nghĩa và cách sử dụng thẻ <pre>
Thẻ <pre>
xác định văn bản được định dạng sẵn. Ví dụ về văn bản được định dạng sẵn:
<pre>
Văn bản trong phần tử pre
được hiển thị ở một phông chữ có
chiều rộng cố định
và được giữ nguyên
cả dấu cách và
dấu ngắt dòng
</pre>
Văn bản trong phần tử <pre>
được hiển thị bằng phông chữ có chiều rộng cố định và văn bản giữ nguyên cả dấu cách và dấu ngắt dòng. Văn bản sẽ được hiển thị chính xác như được viết trong mã nguồn HTML.
Ngoài ra hãy xem:
Thẻ | Mô tả |
---|---|
<code> | Xác định một đoạn code máy tính |
<samp> | Xác định đầu ra mẫu từ chương trình máy tính |
<kbd> | Xác định đầu vào bàn phím |
<var> | Xác định một biến |
Hỗ trợ trình duyệt
Phần tử <pre> | Google Chrome | MS Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Có | Có | Có | Có | Có |
Thuộc tính Global
Thẻ <pre>
cũng hỗ trợ các thuộc tính Global trong HTML.
Thuộc tính sự kiện
Thẻ <pre>
cũng hỗ trợ thuộc tính sự kiện trong HTML.
Các ví dụ khác
Cách tạo văn bản được định dạng sẵn với chiều rộng cố định (bằng CSS):
<div style="width:200px;overflow:auto">
<pre>Đây là một pre có chiều rộng cố định. Nó sẽ sử dụng nhiều không gian như được chỉ định.</pre>
</div>
Cài đặt CSS mặc định
Hầu hết mọi trình duyệt sẽ hiển thị phần tử <pre>
với các giá trị mặc định sau:
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}
393
Bạn nên đọc
Xác thực tài khoản!
Theo Nghị định 147/2024/ND-CP, bạn cần xác thực tài khoản trước khi sử dụng tính năng này. Chúng tôi sẽ gửi mã xác thực qua SMS hoặc Zalo tới số điện thoại mà bạn nhập dưới đây:
Số điện thoại chưa đúng định dạng!
0 Bình luận
Sắp xếp theo

Xóa Đăng nhập để Gửi

Cũ vẫn chất
-
Cách thiết lập VPN trên iPhone hoặc iPad
Hôm qua 3 -
Firmware là gì? Firmware khác Software như thế nào?
Hôm qua -
45 câu đố vui cho trẻ về nghề nghiệp
Hôm qua -
Code Roblox mới nhất tháng 10 và cách nhập Roblox Promo Code 2025
Hôm qua 6 -
Giải phương trình bậc 2 một ẩn bằng Python
Hôm qua 3 -
Game luyện chuột, game nhanh tay lẹ mắt trên máy tính
Hôm qua 3 -
Hàm trong Python là gì? Các hàm trong Python
Hôm qua 2 -
Cách tính BHXH 1 lần, hưởng BHXH 1 lần mới nhất
Hôm qua -
Đội hình Định Mệnh DTCL mùa 11, cách chơi, lên đồ
Hôm qua -
Hướng dẫn đóng dấu ngoặc số âm trong Excel
Hôm qua 1