Hướng dẫn pre> tag html - trước> thẻ html

  • Trang chủ
  • Tham khảo
  • Tag html
  • html5

Định nghĩa và sử dụng

  • Tag định một đoạn văn bản đã được định dạng sẵn.
  • Có bao nhiêu khoảng trắng bên trong thành phần đều hiển thị hết ra ngoài trình duyệt.
  • Text bên trong thành phần thường được định dạng sẵn font, thường là Courier.
  • Thường được sử dụng trong văn bản máy tính.

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

HTML4.01HTML5
● Thuộc tính width không khuyến khích sử dụng. ● Thuộc tính width không được hỗ trợ trong HTML5.

Ví dụ

Html viết:

đây là đoạn text sử dụng tag      pre.
sử dụng tag      pre.

Hiển thị trình duyệt:

đây là đoạn text
sử dụng tag      pre.

Trình duyệt hỗ trợ

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

Thuộc tính

Cách sử dụng:

Thuộc tính tùy chọn

Thuộc tínhCách sử dụng: Ví dụHtml viết:
đây là đoạn text sử dụng tag      pre.
Hiển thị trình duyệt:Trình duyệt hỗ trợ được hỗ trợ trong đa số các trình duyệt.Thuộc tính.
Sử dụng thuộc tính width của css để thay thế.

Cách sử dụng:

Thuộc tính tùy chọn

1) Thẻ trong HTML

- 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.





    

Hãy tham gia diễn đàn HỎI ĐÁP LẬP TRÌNH WEB trên Facebook của chúng tôi Để được hỗ trợ giải đáp những câu hỏi về lĩnh vực lập trình web một cách nhanh nhất và tốt nhất

Xem ví dụ

- Từ đây, thẻ giúp cho nội dung mà bạn muốn hiển thị lên màn hình được giữ nguyên định dạng giống như trong lúc soạn thảo.

 giúp cho nội dung mà bạn muốn hiển thị lên màn hình được giữ nguyên định
dạng giống như trong lúc soạn thảo.





    
Hãy tham gia      diễn đàn HỎI     ĐÁP LẬP 
TRÌNH WEB trên Facebook của chúng tôi


Để được hỗ   trợ giải đáp những    câu hỏi về 

lĩnh vực    lập trình web 
   một cách nhanh        nhất và tốt 
        nhất

Xem ví dụ

- Từ đây, thẻ giúp cho nội dung mà bạn muốn hiển thị lên màn hình được giữ nguyên định dạng giống như trong lúc soạn thảo.

2) Định dạng CSS mặc định

 với định dạng CSS như sau:

pre {
    display: block;
    font-family: monospace;
    white-space: pre;
    margin: 1em 0;
}


Thí dụ

trước {& nbsp; Hiển thị: Khối; & nbsp; Phông chữ-gia đình: monospace; & nbsp; không gian trắng: pre; & nbsp; & nbsp; lề: 1em 0;}

Văn bản được định dạng sẵn:
Text in a pre element
is displayed in a fixed-width
font, and it preserves
both      spaces and
line breaks

Hãy tự mình thử »

Văn bản trong một phần tử pre được hiển thị trong một phông chữ có chiều rộng cố định và nó bảo tồn cả & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Không gian và đường dây phá vỡ


Thêm ví dụ "hãy thử nó" dưới đây.

Định nghĩa và cách sử dụng

Thẻ

 xác định văn bản được định dạng sẵn.

Văn bản trong phần tử

 được hiển thị trong phông chữ có chiều rộng cố định và văn bản bảo tồn cả khoảng trắng và ngắt đường. Văn bản sẽ được hiển thị chính xác như được viết trong mã nguồn HTML.

Cũng nhìn vào:Nhãn
Sự mô tả Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks
Sự mô tả Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks
Sự mô tả Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks
Sự mô tả Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks

Xác định một đoạn mã máy tính

Xác định đầu ra mẫu từ chương trình máy tính
Sự mô tả Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks Text in a pre element is displayed in a fixed-width font, and it preserves both      spaces and line breaks


Xác định một đoạn mã máy tính

Xác định đầu ra mẫu từ chương trình máy tính


Xác định đầu vào bàn phím

Xác định một biến


Hỗ trợ trình duyệt

Thí dụ

trước {& nbsp; Hiển thị: Khối; & nbsp; Phông chữ-gia đình: monospace; & nbsp; không gian trắng: pre; & nbsp; & nbsp; lề: 1em 0;}

Đây là một trước với một chiều rộng cố định. Nó sẽ sử dụng nhiều không gian như quy định.

This is a pre with a fixed width. It will use as much space as specified.

Hãy tự mình thử »


Các trang liên quan

Hướng dẫn HTML: Định dạng văn bản HTML

Tham khảo HTML DOM: Đối tượng Pre


Cài đặt CSS mặc định

Hầu hết các trình duyệt sẽ hiển thị phần tử

 với các giá trị mặc định sau:

Thí dụ

trước {& nbsp; Hiển thị: Khối; & nbsp; Phông chữ-gia đình: monospace; & nbsp; không gian trắng: pre; & nbsp; & nbsp; lề: 1em 0;}
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

Hãy tự mình thử »