HTML4 17 – Thẻ pre trong HTML

0
215

Bài 17 trong series học HTML4, chúng ta sẽ cùng nhau đi tìm hiểu thẻ <pre> và cách sử dụng nó trong HTML nhé.

Định nghĩa thẻ <pre>

Như chúng ta đã biết, trong quá trình soạn thảo mã lệnh, nếu ta nhập nhiều dấu khoảng trắng liên tiếp hoặc gõ phím Enter để xuống dòng thì khi hiển thị lên màn hình nó vẫn chỉ được xem như một dấu khoảng trắng. Từ đây thẻ <pre> sinh ra.

Thẻ <pre> giúp xác định 1 đoạn văn bản đã được định dạng sẵn. Có bao nhiêu khoảng trắng bên trong thẻ <pre> đều sẽ hiển thị hết ra ngoài trình duyệt.

Text bên trong thẻ <pre> thường được định dạng sẵn dạng font, thường là Courier.

Thẻ <pre> thường được sử dụng trong văn bản máy tính.

Cấu trúc thẻ <pre>

Ví dụ:

Sự khác nhau giữa HTML4 và HTML5

HTML4 HTML5
Thuộc tính width được hỗ trợ trong HTML nhuwngkhoong được khuyến khích sử dụng. Thuộc tính width trong thẻ <pre> không được hỗ trợ trong HTML5.

Trình duyệt hỗ trợ

<pre> được hỗ trợ trong đa số các trình duyệt.

    • Firefox
    • Opera
    • Google Chrome
    • Safari
    • Internet Explorer

Kết luận

Như vậy là chúng ta đã tìm hiểu xong về thẻ <pre> và cách sử dụng của nó trong HTML. Ở bài tiếp theo, tôi sẽ hướng dẫn các bạn cách viết các ký tự đặc biệt trong HTML.

Chúc các bạn học tập tốt!

 

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây