Tutorial Text HTML Part 4: Cara Membuat Huruf Garis Bawah (underline) HTML (tag u dan tag ins)

Penulisan text dengan garis bawah atau underline biasa digunakan untuk menandai kata atau penekanan kata yang dianggap penting. Untuk membuat karakter dengan garis bawah di dalam HTML, kita menggunakan tag dan tag .

Dalam tutorial kali ini, kita akan mempelajari Cara Membuat Huruf Garis Bawah (underline) dalam HTML dengan menggunakan tag dan tag .

---

Tag untuk Penulisan Text dengan Garis Bawah

Tag adalah singkatan dari underline, atau garis bawah. Tag ini digunakan untuk membuat karakter text dengan garis bawah. Sama seperti tag dan , tag tidak memiliki tujuan apa-apa dan lebih kepada tampilan dari text.

Tag masuk kedalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut adalah contoh cara penulisan dan penggunaan tag di dalam HTML:

Saya sedang belajar HTML di Duniailkom.com
HTML atau Hypertext Markup Language 
adalah dasar dari semua halaman web di internet. 
Jika anda ingin mempelajari cara membuat website,
maka hal pertama yang harus dipelajari adalah HTML

---

Tag untuk Penulisan Text dengan Garis Bawah

Tag adalah kependekan dari Insert. Tag ditujukan untuk bagian text baru yang ditambahkan ke dalam konten web. Tag dirancang untuk menegaskan bagian text yang sebelumnya tidak ada. Tag ini adalah kebalikan dari tag .

Tag saya masukkan ke dalam tutorial ini karena secara default web browser menampilkan tag dengan garis bawah. Tag ini termasuk jenis inline element.

Berikut adalah contoh penggunaan tag di dalam HTML:

Saya sedang belajar HTML di Duniailkom.com
HTML atau Hypertext Markup Language adalah dasar dari
semua halaman web di internet. Jika anda ingin mempelajari 
cara membuat website, maka 
hal pertama yang harus dipelajari adalah PHP
hal pertama yang harus dipelajari adalah HTML

Secara pribadi, saya menggunakan tag untuk bagian text yang tidak ditujukan apa-apa selain mempertegas penulisan. Namun apabila ada bagian text yang ditambahkan kemudian, tag akan membantu struktur konten dari HTML.

Untuk membuat hasil huruf dengan garis bawah di dalam CSS, kita bisa menggunakan:

text-decoration: underline;

Sumber wk.com