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

Post Top Ad

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

Share This
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
Tutorial Microsoft Word

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.



Semua Tutorial HTML



Tidak ada komentar:

Posting Komentar

Silakan berkomentar dengan kalimat yang bijak.

Post Bottom Ad