Tutorial Formating Text HTML: Cara Membuat Huruf Bergaris Bawah di HTML

Halo gan. Di postingan sebelumnya, kita sudah membahas cara membuat huruf tebal di HTML.

Kita review sedikit. Ada 2 cara membuat huruf tebal di HTML, yakni dengan tag <b> dan tag <strong>.

Walaupun keduanya sama-sama menampilkan huruf tebal di web browser, tapi keduanya punya pengertian yang berbeda.

Tag <b> untuk menandai kata kunci atau nama suatu produk sedangkan tag <strong> digunakan untuk penekanan kata tertentu atau kalimat penting.

Kali ini, kita akan bahas cara membuat huruf bergaris bawah atau disebut juga underline. Ada 2 cara, yang pertama dengan tag <u> dan yang kedua dengan tag <ins>.

membuat huruf bergaris bawah

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 huruf bergaris bawah di html

Membuat huruf bergaris bawah 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.

membuat huruf bergaris bawah di html

Baca juga ya..
Tutorial Formating Text HTML: Cara Membuat Huruf Tebal di HTML
Cara Membuat Favicon Blog Gratis dan Mudah Tanpa Install Aplikasi Apapun
Bikin Terharu dan Sangat Memotivasi, 6 Video Iklan Thailand Ini Rugi Kalau Ente Lewatkan

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.

Sampai sini selesai pembahasan kita tentang cara membuat huruf bergaris bawah di HTML. Selanjutnya, kita akan bahas cara membuat huruf tercoret di HTML.


0 Komentar untuk "Tutorial Formating Text HTML: Cara Membuat Huruf Bergaris Bawah di HTML"