Some text some message..
Some text some message..
Some text some message..
Some text some message..
  • Beranda
  • »
  • HTML
  • »
  • Tag <u> (Underline): Efek Huruf Garis Bawah Pada HTML

Tag <u> (Underline): Efek Huruf Garis Bawah Pada HTML

previous Previous Page

Elemen <u> (underline) merupakan tag html yang digunakan untuk memberikan efek huruf dengan garis bawah. Setiap huruf/karakter yang terletak di dalam tag <u> dan tag </u> akan memiliki huruf/karakter dengan garis di bawahnya. Elemen <u> dianggap deprecated pada HTML 4.01 namun kemudian didefinisikan ulang pada HTML5 untuk teks yang harus ditampilkan dengan gaya yang berbeda dengan teks disekitarnya. Penulisan tag ini dibuka dengan <u> dan ditutup dengan </u>.

Menggunakan HTML untuk menambahkan gaya sebenarnya bukanlah hal yang dianggap praktik yang baik. Elemen <u> seharusnya digunakan sebagai kerangka suatu web. Jika konten terdapat sesuatu dengan makna semantik dan perlu penataan teks anda dapat menggunakan CSS sebagai gantinya. Penggunaan tag ini sebenarnya kurang populer, hal ini disebabkan karena penggunaan garis bawah sering membingungkan pengunjung halaman web yang akan mengira teks dengan garis bawah tersebut merupakan sebuah link dengan garis di bawahnya.

Berikut ini adalah contoh dari penggunaan tag <u> pada halaman HTML :

Kode Script :

1.  <!DOCTYPE html>
2.  <html lang="en">
3.  <head>
4.     <meta charset="utf-8">
5.     <title>Demo HTML tag u (Underline)</title>
6.  </head>
7.  <body>
8.     <h2>Latihan menggunakan efek huruf garis bawah/underline</h2>
9.     <p>
10.      <u>Tata Surya</u> adalah kumpulan benda langit yang terdiri atas sebuah bintang yang disebut Matahari dan semua objek yang terikat oleh gaya gravitasinya.<br>
11.      Planet <u>Merkurius</u>, <u>Venus</u>, <u>Bumi</u> dikategorikan sebagai planet bagian dalam,<br>
12.      sedangkan planet <u>Yupiter</u>, <u>Saturnus</u>, <u>Uranus</u> dan <u>Neptunus</u> sebagai planet bagian luar.
13.    </p>
14. </body>
15. </html>
16. 

Jika dijalankan pada browser akan menghasilkan tampilan sebagai berikut :

tag <u> underline efek html

Browser Pendukung :

Elemencromeinternet explorerfirefoxsafariopera
<u>yayayayaya

Global Attributes :

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

u{
text-decoration: underline;
}

facebooktwittergoogle pluswhatapplinkedinpinterest

previous Previous Page

Daftar Isi HTML