Some text some message..
Some text some message..
Some text some message..
Some text some message..

Tag <sub> (Subscript) Pada HTML

previous Previous Page

Tag <sub> (subscript) merupakan tag HTML yang digunakan untuk memberikan efek pada huruf/karakter agar huruf/karakter tersebut memiliki ukuran huruf lebih kecil dari huruf normal dan diposisikan menjorok ke bawah garis dari posisi huruf normal. Tag <sub> ini bermanfaat pada saat Anda bekerja dengan rumus kimia atau hal yang berkaitan dengan 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 adalah contoh dari penggunaan tag <sub> pada halaman html :

Kode Script :

1.  <!DOCTYPE html>
2.  <html lang="en">
3.  <head>
4.     <meta charset="utf-8">
5.     <title>Demo HTML tag sub (subscript) Html </title>
6.  </head>
7.  <body>
8.     <h2>Penggunaan tag sub (subscript) HTML</h2>
9.     <p>Berikut ini adalah contoh beberapa rumus kimia :<br>
10.    Air : H<sub>2</sub>O<br>
11.    Karbon Dioksida :CO<sub>2</sub><br>
12.    Asam Sulfat : H<sub>2</sub>SO<sub>4</sub><br>
13.    Oksigen : O<sub>2</sub>
14.    </p>
15.    
16. </body>
17. </html>
18. 

Jika dijalankan pada browser akan menghasilkan tampilan sebagai berikut :

tag <sub> subscript html

Browser Pendukung :

Elemencromeinternet explorerfirefoxsafariopera
<sub>yayayayaya

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:

sub {
vertical-align: sub;
font-size: smaller;
}

noteCatatan : 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.

facebooktwittergoogle pluswhatapplinkedinpinterest

previous Previous Page

Daftar Isi HTML