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;
}
373
Bài trước
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ác cách căn giữa ô trong bảng trên Word
Hôm qua 1 -
Cách hiện đuôi file, xem phần mở rộng file trên Windows 11/10/7/8
Hôm qua -
Lệnh ALTER TABLE trong SQL Server
Hôm qua -
Khắc phục sự cố không thể chạy được file .exe
Hôm qua 4 -
8 bước khắc phục sự cố mất âm thanh trong Windows
Hôm qua 2 -
Bao nhiêu người có thể sử dụng cùng lúc một tài khoản Netflix?
Hôm qua -
Những câu nói hay về tình anh em xã hội, stt về tình anh em kết nghĩa càng đọc càng thấm
Hôm qua -
Cách kiểm tra phiên bản Excel đang sử dụng
Hôm qua -
Tổng hợp bài tập JavaScript có code mẫu
Hôm qua 1 -
Cách tải và cập nhật driver Bluetooth cho Windows 10
Hôm qua