Thẻ <pre> là gì? code html giữ nguyên định dạng của code khi hiển thị

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi admin, 29/9/14.

  1. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    4,620
    Đã được thích:
    1,132
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Trong lập trình web, c#, php, java, khi ta giới thiệu 1 đoạn code hoặc khi ta print code, echo code, xuất code ra ngoài màn hình, ra ngoài văn bản.
    Để giữ cho các code này còn đúng cấu trúc ngữ pháp, có khoảng trắng, cách đầu dòng và thụt ra ngoài đúng thì ta sử dụng code mà html đã cung cấp sẵn chính là thẻ <pre>

    Thẻ <pre> là gì?
    • Là thẻ giữ nguyên định dạng văn bản sẵn có trong html.
    VD: khi bạn viết 1 đoạn code html như sau:

    Mã:
    <!DOCTYPE html>
<html>
<body>

<pre>
Khai báo sử dụng hàm for      trong

lập trình web c# và cách sử dụng thẻ pre trong hmtl
</pre>
<pre>

Sử dụng hàm for và thẻ pre trong html

</pre>
<pre>
for(int i = 0;i<10;i++)
{
    if(i==10)
    {
         //thực hiện lệnh gì đó
    }
}
</pre>

</body>
</html>
    Khi khai báo giống trên đoạn văn bản được hiển thị ra như sau:

    Mã:
    Khai báo sử dụng hàm for      trong

lập trình web c# và cách sử dụng thẻ pre trong hmtl

Sử dụng hàm for và thẻ pre trong html

for(int i = 0;i<10;i++)
{
   if(i==10)
   {
         //thực hiện lệnh gì đó
   }
}
    Các đoạn cách ra sẽ được giữ nguyên vẹn như trong html lúc bạn cách.
     
    Cảm ơn đã xem bài:

    Thẻ <pre> là gì? code html giữ nguyên định dạng của code khi hiển thị

    Lượt xem: 4,472 - Xem Bài Viết Cùng Chủ Đề

    Last edited by a moderator: 4/3/16
    admin, 29/9/14
    #1
  3. saudom

    saudom

    Vip Member

    Tham gia ngày:
    7/3/14
    Bài viết:
    11
    Đã được thích:
    0
    Điểm thành tích:
    1
    thẻ này giữ nguyên định dạng các dấu cách trong code html
     
    saudom, 15/12/14
    #2


Chủ để tương tự : Thẻ <pre>
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Add thêm chatbox fanpage Facebook vào website mới nhất 2022 8/9/22
Ngôn ngữ lập trình CSS, HTML, HTML5 Đổi icon trước thẻ tag <li> của <ul thành đấu check v xanh CSS HTML như thế nào? 21/7/22
Ngôn ngữ lập trình CSS, HTML, HTML5 Tạo ảnh bìa thumbnail image cho video trong HTML5 như thế nào? 9/11/21
Ngôn ngữ lập trình CSS, HTML, HTML5 Tạo hiệu ứng nhấp nháy bằng CSS như thế nào? 14/9/21
Ngôn ngữ lập trình CSS, HTML, HTML5 Canh giữa Center tag ul li list với width chiều rộng của thẻ div trên web 4/7/21

Like và Share ủng hộ ITSEOVN