Sunday, December 21, 2014

Tag span HTML

Tag <span> merupakan wadah untuk menampung teks yang tidak memberikan efek apa-apa, misalnya tag <b> yang memberikan efek huruf tebal, sedangkan <span> hanya menampilkan teks seperti aslinya. Teks yang ditampilkan dalam bentuk inline (memanjang ke samping), tidak dalam bentuk blok-blok seperti halnya jika menggunakan tag <div> atau tag <p>.

Contoh: span.html

<!DOCTYPE HTML>
    <html>
        <head>
            <title>Contoh tag span html</title>
        </head>
    <body>
    <span>Teks ini dalam tag span. Ditampilkan seperti teks biasa.</span>
    <span>Lagi ini teks dalam span</span>

    <br />
    <i>Lihat bedanya dengan tag div</i>
    <div>Teks pertama dalam tag div</div>
    <div>Teks lainnya dalam tag div juga</div>
    </body>
</html>


Output:

Output tag span.
Diaplikasikan dalam Css.
Sama seperti tag lain pada umumnya, tag <span> juga diaplikasikan dengan css, misalnya menambahkan warna latar menjadi kuning:

span2.html

<!DOCTYPE HTML>
    <html>
        <head>
            <title>Contoh tag span html</title>
            <style type="text/css">
            span{background-color: yellow;
            }
            </style>

        </head>
    <body>
    <span>Teks ini dalam tag span. Ditampilkan seperti teks biasa.</span>
    <span>Lagi ini teks dalam span</span>

    <br />
    <i>Lihat bedanya dengan tag div</i>
    <div>Teks pertama dalam tag div</div>
    <div>Teks lainnya dalam tag div juga</div>
    </body>
</html>


Output:

Penambahan warna latar.
Referensi tulisan:
  1. <span>; ditulis oleh: Kontributor MDN, developer.mozilla.org, diakses 22 Desember 2014.
    About MDN by Mozilla Contributors is licensed under CC-BY-SA 2.5.

No comments:

Post a Comment