Blog Belajar HTML: Tag sub HTML

Tag <sub> atau Subscript digunakan untuk menampilkan huruf/angka lebih rendah dari karakter sebelum atau sesudahnya. Contohnya saat penulisan rumus kimia: H2O, di mana angka 2 ditampilkan turun ke bawah (lebih kecil).

Penulisan sintax: <sub>huruf/angka</sub>. Contoh; sub.html


<!DOCTYPE HTML>
    <html>
        <head>
            <title>Contoh tag sub html</title>
        </head>
    <body>
        <p>Rumus kimia air adalah: H<sub>2</sub>O</p>
    </body>
</html>

Output:

Output tag sub di Firefox.

Versi css
Untuk hasil yang hampir sama Anda juga bisa membuatnya dalam versi css yaitu menggunakan style vertical-align: sub seperti berikut: subcss.html


<!DOCTYPE HTML>
    <html>
        <head>
            <title>Contoh tag sub html</title>
            <style type="text/css">
            span.teksub{
                vertical-align:sub;
            }
            </style>
        </head>
    <body>
        <p>Rumus kimia air adalah: H<span class="teksub">2</span>O</p>
    </body>
</html>

Output:

Output dengan style vertical align di Firefox.

Referensi tulisan:

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

Sunday, December 28, 2014

Tag sub HTML

No comments:

Post a Comment