Thẻ pre trong HTML

Nội dung chính

Thẻ pre trong HTML
Ví dụ về thẻ pre trong HTML
Ví dụ về thẻ pre trong HTML: Hiển thị code java
Thuộc tính width
Trình duyệt hỗ trợ

Thẻ HTML <pre> hay thẻ pre trong HTML được sử dụng để để chỉ định các văn bản đã được định dạng trước. Văn bản nằm trong thẻ <pre>.......</pre> được hiển thị trong font có chiều rộng cố định. Thông thường thì fornt hiển thị là Courier. Các khoảng trắng và xuống dòng trong thẻ pre không bị mất đi giống như các thẻ khác khi hiển thị ra trình duyệt.

Thẻ pre trong HTML được sử dụng rộng rãi để hiển thị ví dụ về ngôn ngữ. Ví dụ: Java, C #, C, C ++ ... bởi vì nó hiển thị y nội dung y trang như khi bạn gõ.

Ví dụ về thẻ pre trong HTML

<pre>  
Day la van ban da duoc dinh dang   
Boi viec su dung the HTML pre. Cac khoang trong
    va dau xuong dong khong bi mat di khi hien thi.  
</pre>

Kết quả:

  
Day la van ban da duoc dinh dang   
Boi viec su dung the HTML pre. Cac khoang trong
    va dau xuong dong khong bi mat di khi hien thi.

Ví dụ về thẻ pre trong HTML: Hiển thị code java

<pre>  
package vn.viettuts;

public class FirstJava {
    public static void main(String args[]) {
        System.out.println("hello java");
    }
}
</pre>

Kết quả:

 
package vn.viettuts;

public class FirstJava {
    public static void main(String args[]) {
        System.out.println("hello java");
    }
}

Chú ý: Nếu bạn xóa thẻ pre khỏi đoạn code trên, tất cả nội dung sẽ bị hiển thị trên 1 dòng.

Khi bỏ thẻ pre sẽ trông như thế này

package vn.viettuts; public class FirstJava { public static void main(String args[]) { System.out.println("hello java"); } }

Thuộc tính width

Thẻ HTML <pre> cũng hỗ trợ thuộc tính width. Thuộc tính width chỉ định chiều rộng mong muốn của văn bản được định dạng trước. Tuy nhiên, nó không được hỗ trợ trong HTML 5.