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

Tag <sup> (Superscript) Pada HTML

previous Previous Page

HTML element tag <sup> (superscript) 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 atas dari posisi huruf normal. HTML element tag <sup> biasanya digunakan untuk penulisan rumus kimia dan matematika dimana huruf tertentu harus lebih kecil dan diposisikan lebih tinggi dari posisi huruf normal.

HTML element tag <sup> dituliskan dengan tag pembuka <sup> dan ditutup dengan tag penutup </sup>. HTML element tag sup diciptakan pada HTML dengan tujuan semantic untuk memudahkan screen reader dalam melakukan pengindexan halaman HTML. Jika hanya untuk penataan tampilan Anda dapat menggunakan CSS sebagai penggantinya.

Sebagai contoh pada perhitungan matematika 42 + 32 = 25. Ukuran angka 2 memiliki ukuran lebih kecil dari angka yang lainnya dan ditempatkan lebih tinggi dari disekitarnya. Angka 2 pada contoh merupakan angka yang memiliki efek superscript.

Berikut ini contoh penggunaan tag <sup> :

HTML

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
   <title>Latihan Menggunakan HTML Element Tag SUP (Superscript)</title>
</head>
<body>
   <h1>Latihan Menggunakan HTML Element Tag SUP (Superscript)</h1>
   <p>Berapakah hasil dari bilangan berpangkat di bawah ini :</p>
   <p>4<sup>8</sup> x 4<sup>6</sup> = ...</p>
   <p>3<sup>7</sup> x 9<sup>2</sup> = ...</p>
   <p>7<sup>5</sup> x 2<sup>6</sup> = ...</p>
   <p>8<sup>6</sup> x 3<sup>7</sup> = ...</p>
   <p>2<sup>2</sup> x 6<sup>4</sup> = ...</p>
</body>
</html>

jika dijalankan pada browser akan menghasilkan tampilan sebagai berikut :

element tag <sup> superscript html

Browser Pendukung :

Elemencromeinternet explorerfirefoxsafariopera
<sup>yayayayaya

Global Attributes :

Tag <sup> 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 <sup> 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 <sup> pada HTML:

CSS

1
2
3
4
sup{
   vertical-align: super;
   font-size: smaller;
}

facebooktwitterwhatapplinkedinpinterest

previous Previous Page

Tutorial HTML

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami