HTML element tag <small> merupakan tag pada HTML yang digunakan untuk membuat teks menjadi satu tingkat ukuran lebih kecil dari pada teks di sekelilingnya. Tag <small> ini biasanya digunakan untuk membuat nota catatan, hak cipta, ataupun komentar. Anda cukup menggunakan tag <small> ini untuk membuat huruf menjadi lebih kecil dari huruf normal tanpa memodifikasi style font-size pada CSS. Penulisan tag ini diawali dengan <small> dan diakhiri dengan </small>.
Element tag <small> memiliki sifat relative terhadap elemen lain di sekelilingnya. Jika HTML element tag <body> memiliki ukuran font default sebesar 16px, maka jika terdapat element tag small di dalamnya maka element tersebut akan memiliki ukuran 15px atau 1 tingkat lebih kecil dari ukuran huruf.
Jika anda membuat konten dengan elemen div atau paragraf, yang mempunyai ukuran x-large pada CSS maka ukuran teks yang tandai dengan tag <small> akan menjadi large, dari large menjadi medium, dari medium menjadi small. Tag <small> tidak akan membuat ukuran teks menjadi lebih kecil dari ukuran teks minimal pada browser.
Berikut ini contoh dari penggunaan tag <small> :
HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<head>
<title>Latihan Menggunakan HTML Element Tag SMALL</title>
</head>
<body>
<h1>Latihan Menggunakan HTML Element Tag SMALL</h1>
<p style="font-size:16px;">
Ini adalah teks dengan tampilan normal (16px).<br>
<small>Teks ini lebih kecil dari tampilan normal.</small>
</p>
<p style="font-size:20px;">
Ini adalah teks dengan tampilan normal (18px).<br>
<small>Teks ini lebih kecil dari tampilan normal.</small>
</p>
<p style="font-size:24px;">
Ini adalah teks dengan tampilan normal (24px).<br>
<small>Teks ini lebih kecil dari tampilan normal.</small>
</p>
<p style="font-size:28px;">
Ini adalah teks dengan tampilan normal (28px).<br>
<small>Teks ini lebih kecil dari tampilan normal.</small>
</p>
</body>
</html>
jika dijalankan pada browser akan menghasilkan tampilan :
Browser Pendukung :
| Elemen |  |  |  |  |  |
| <small> | ya | ya | ya | ya | ya |
Global Attributes :
Tag <small> 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 <small> 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 <small> pada HTML:
CSS
1
2
3
Previous Pagesmall{
font-size : smaller;
}
Tutorial HTML
Paling Banyak Dibaca
News Letters
Silahkan masukkan email Anda untuk berlangganan informasi kami
