Cara Membuat Underline di HTML

Sebelumnya, kita sudah membahas cara membuat tulisan tebal di HTML. Kali ini, kita akan bahasa cara membuat underline di HTML. Bagaimana caranya? Silakan simak panduan AneIqbal berikut sampai akhir.

Ada 2 cara, yang pertama dengan tag <u> dan yang kedua dengan tag <ins>. Berikut cara membuat codingannya.

Membuat huruf bergaris bawah dengan tag <u>

Tag <u> merupakan singkatan dari underline atau garis bawah. Tag ini akan membuat karakter yang diapit tag tersebut tampil dengan garis bawah di web browser.

Tag <u> ini termasuk ke dalam jenis inline element.

Seperti ini contoh kode HTML-nya.

<!DOCTYPE html>
<html>
  <head>
    <title>Membuat huruf bergaris bawah di HTML</title>
  </head>
  <body>
    <p>Untuk membuat web, yang pertama kali harus dipelajari adalah <u>bahasa HTML</u></p>
  </body>
</html>

Dan seperti ini tampilannya.

membuat underline di html
huruf bergaris bawah dengan tag <u>

Cara membuat underline dengan tag <ins>

Tag <ins> merupakan kependekan dari Insert. Gunanya tag ini adalah untuk menandai teks yang baru ditambahkan ke konten web.

Jadi, tag <ins> untuk menegaskan konten web yang sebelumnya tidak ada. Tag ini punya lawannya, yakni tag <del> yang berguna menandai konten web yang tidak diperlukan.

Sama seperti tag <u>, tag <ins> juga masuk ke dalam jenis inline element.

Seperti ini contoh kode HTML-nya

<!DOCTYPE html>
<html>
  <head>
    <title>Membuat huruf bergaris bawah di HTML</title>
  </head>
  <body>
    <p>Hal yang pertama kali harus dipelajari dalam membuat web adalah <del>belajar PHP</del> <ins>belajar HTML</ins></p>
  </body>
</html>

Seperti ini jadinya jika dibuka dengan browser.

cara membuat garis bawah di html
huruf bergaris bawah dengan tag <ins>

Mana yang lebih populer dan familiar? Yang lebih populer dan familiar digunakan adalah tag <u>. Tag <ins> ini jarang sekali digunakan. Namun, jika ada bagian konten web yang ingin ditambahkan, tag <ins> ini dapat membantu.

Jadi seperti itulah cara membuat underline di HTML. Semoga panduan singkat di atas bisa membantu Anda dan terima kasih sudah membaca sampai akhir.

Sampai sini selesai pembahasan kita tentang cara membuat underline di HTML. Selanjutnya, kita akan bahas cara membuat tulisan tercoret di HTML.

Share yuk, ke:

Leave a Comment