HTML element tag <sub> (subscript) merupakan tag pada HTML yang digunakan untuk memberikan efek pada huruf agar huruf tersebut memiliki ukuran huruf lebih kecil dari huruf normal dan diposisikan menjorok ke bawah garis dari posisi huruf normal. HTML element tag <sub> biasanya digunakan untuk penulisan teks dan huruf pada rumus kimia dan matematika dimana huruf tertentu harus lebih kecil dan diposisikan lebih rendah dari posisi huruf normal. Penulisan tag ini dibuka dengan <sub> dan ditutup dengan </sub>.
Sebagai contoh, pada rumus kimia dari asam sulfat adalah H2SO4. Angka 2 dan angka 4 pada rumus kimia tersebut terlihat lebih kecil dari ukuran huruf normal dan ditempatkan lebih rendah dibandingkan dengan huruf H dan SO. Angka itulah yang disebut angka dengan efek huruf subscript.
Berikut ini contoh penggunaan tag <sub> :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
<title>Latihan Menggunakan HTML Element Tag SUB (Subscript)</title>
</head>
<body>
<h1>Latihan Menggunakan HTML Element Tag SUB (Subscript)</h1>
<p>Berikut ini contoh rumus kimia :</p>
<p>Air : H<sub>2</sub>O</p>
<p>Karbon Dioksida : CO<sub>2</sub></p>
<p>Asam Sulfat : H<sub>2</sub>SO<sub>4</sub></p>
<p>Oksigen : O<sub>2</sub></p>
</body>
</html>
Jika dijalankan pada browser akan menghasilkan tampilan :
Browser Pendukung :
| Elemen |  |  |  |  |  |
| <sub> | ya | ya | ya | ya | ya |
Global Attributes :
Tag <sub> mendukung Global Atribut di dalam HTML yang artinya bahwa pada tag ini dapat sisipkan atribut yang bersifat global yang secara umum berlaku pada semua komponen tag HTML.
Silahkan kunjungi Atribut Global Pada HTML untuk mengetahui detail global atribut pada HTML
Event Attributes :
Tag <sub> mendukung Event Atribut atau atribut acara (kejadian). Atribut acara ini merupakan wilayah javascript tentang bagaimana menampilkan halaman web. Misalnya saat halaman web sedang loading (onload) sampai interaksi user pada halaman web tersebut seperti scrolling layar (onscroll), menekan tombol pada keyboard (onkeypress, onkeydown), mengarahkan mouse (onmouseover) dan lainnya.
Silahkan kunjungi Event Atribut Pada HTML untuk mengetahui detail event atribut pada HTML.
Pengaturan Default CSS :
Nilai default pengaturan gaya untuk elemen <sub> pada HTML:
CSS
1
2
3
4
Previous Pagesub {
vertical-align: sub;
font-size: smaller;
}
Catatan : HTML tag berupa tag <sub>...</sub> dan tag <sup>...</sup> banyak dipakai kalangan praktisi sains untuk memudahkan dalam penulisan rumus atau perhitungan pada bidang kimia, fisika, matematika, dan lainnya.
Tutorial HTML
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
