Belajar HTML, Format Text 8: Cara Membuat Text HTML Tanpa Format di HTML (Text pre dan code)

Desember 05, 2021 Posting Komentar

Membuat teks tanpa format dalam html untuk menampilkan isi kode yang dibuat dalam html menggunakan Tag <pre> dan <code> cukup mudah. Amalan yang singkat membuatnya dengan memberi pembuka dengan Tag <pre>..... </pre> penutupnya.

Belajar HTML, Format Text 8: Cara Membuat Text HTML Tanpa Format di HTML (Text pre dan code)

Sama seperti Tag <pre>, Tag <code> juga serupa hasilnya dengan Tag <pre> ini. Anda mampu membuat teks atau kode apapun untuk memperlihatkan hasilnya di Web browser nanti.

Penjelasan Tag <pre> dan <code> ialah sebuah Tag yang hasil penulisan kode - kode atau tulisan yang muncul berbeda dengan teks pada umumnya. Tag ini bersifat Block element dalam format Text HTML.

Belajar html tidak lengkap jika anda tidak mengetahui fungsi Tag ini. Biasanya untuk menggunakan Tag ini di bantu dengan CSS. Hasilnya akan lebih kelihatan dari format Text sebelumnya. Tag ini berbeda dengan Tag <textarea> yang nanti saya akan bahas di artikel berikutnya.

Contoh script sebagai berikut:

<!DOCTYPE html>
<html>
    <head>
        <title>Sedang belajar html di Scripypad</title>
    </head>
    <body>
        <pre>
            <!DOCTYPE html>
<html>
    <head>
        <title>Sedang belajar html di Scripypad</title>
    </head>
    <body>
        <pre>
            Belajar membuat pre dalam html. Text ini bersifat block element dan cara pembuatannya menggunakan tag pre
        </pre>
        <p>Dan</p>
        <code>
            Belajar membuat pre dalam html. Text ini bersifat inline element dan cara pembuatannya menggunakan tag code
        </code>
        <p>Atau</p> 
        <pre><code>
            Belajar membuat pre dalam html. Text ini bersifat inline element dan cara pembuatannya menggunakan tag code
        </code></pre>
    </body>
</html>
        </pre>
        <p>Dan</p>
        <code>
            <!DOCTYPE html>
<html>
    <head>
        <title>Sedang belajar html di Scripypad</title>
    </head>
    <body>
        <pre>
            Belajar membuat pre dalam html. Text ini bersifat block element dan cara pembuatannya menggunakan tag pre
        </pre>
        <p>Dan</p>
        <code>
            Belajar membuat pre dalam html. Text ini bersifat inline element dan cara pembuatannya menggunakan tag code
        </code>
        <p>Atau</p> 
        <pre><code>
            Belajar membuat pre dalam html. Text ini bersifat inline element dan cara pembuatannya menggunakan tag code
        </code></pre>
    </body>
</html>
        </code>
        <p>Atau</p> 
        <pre><code>
            <!DOCTYPE html>
<html>
    <head>
        <title>Sedang belajar html di Scripypad</title>
    </head>
    <body>
        <pre>
            Belajar membuat pre dalam html. Text ini bersifat block element dan cara pembuatannya menggunakan tag pre
        </pre>
        <p>Dan</p>
        <code>
            Belajar membuat pre dalam html. Text ini bersifat inline element dan cara pembuatannya menggunakan tag code
        </code>
        <p>Atau</p> 
        <pre><code>
            Belajar membuat pre dalam html. Text ini bersifat inline element dan cara pembuatannya menggunakan tag code
        </code></pre>
    </body>
</html>
        </code></pre>
    </body>
</html>

Kesimpulan

Tag ini tidak dapat dibaca oleh Web browser. Diperlukan atribut dalam Tag pre jika ingin menampilkan bahasa tersebut. Misal atribut berisi html dalam Tag <pre> maupun <code> atribut yang di gunakan adalah lang="html".