Tampilan tag pre di Firefox.

Tag pre juga sangat membantu ketika menuliskan kode di browser; misalnya kode css. Seperti diketahui, agar kode css mudah dibaca maka baris-baris kode ditulis menjorok ke dalam untuk menandakan satu blok.
Contoh: pre2.html

<!DOCTYPE HTML>
    <html>
        <head>
            <title>Contoh tag pre</title>
        </head>
    <body>
        <pre>
            p{
                font-size:12px;
            }

            body{
                margin:0 auto;
                width: 900px;
            }
        </pre>
    </body>
</html>

Output:

Pemformatan persis seperti saat ditulis di editor.

Referensi tulisan:

<pre>; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 04 Desember 2014.
About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.

Thursday, December 4, 2014

Tag pre HTML

No comments:

Post a Comment