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
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,883
    Đã được thích:
    1,193
    Đ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ị

    Last edited by a moderator: 4/3/16
  2. saudom
    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
     


Chủ để tương tự : Thẻ <pre>
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Counting Number Animation, Count Up trên themes Flatsome như thế nào? 11/6/23
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