Tutorial Formating Text HTML: Cara Membuat Huruf Tercoret di HTML

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

Kita review sedikit. Membuat huruf bergaris bawah di HTML dapat dilakukan dengan 2 cara, yakni dengan menggunakan tag <u> dan tag <ins>. Namun, yang lebih familiar dan populer digunakan ada tag <u>.

Kali ini, kita akan bahas cara membuat huruf tercoret. Huruf tercoret? Itu loh yang ada garis di tengah-tengah hurufnya.

Ada 2 cara untuk membuat huruf tercoret. Cara pertama menggunakan tag <s> dan yang kedua menggunakan tag <del>.

membuat huruf tercoret di html

Membuat huruf tercoret dengan tag <s>

Tag <s> merupakan singkatan dari strikethrough. Strikethrough adalah istilah yang digunakan untuk membuat garis ditengah-tengah huruf yang seolah terlihat tercoret.

Tag <s> ini masuk ke dalam jenis tag inline element.

Seperti ini contoh kode HTML-nya.
<!DOCTYPE html>
<html>
  <head>
    <title>Membuat huruf tercoret di HTML</title>
  </head>
  <body>
    <p><s>PHP</s> HTML adalah bahasa yang pertama kali harus kita pelajari dalam pembuatan web.</p>
  </body>
</html>

Seperti ini jadinya.

membuat huruf tercoret di html

Membuat huruf tercoret dengan tag <del>

Tag <del> merupakan singkatan dari delete. Tag ini digunakan untuk menunjukan teks yang dianggap salah yang ditandai dengan garis di tengah teks tersebut.

Tag <del> punya lawannya, yakni tag <ins> yang berguna untuk menambahkan teks baru yang ditandai dengan garis di bawah teks tersebut.

Tag <del> termasuk ke dalam jenis tag inline element.

Seperti ini contohnya.
<!DOCTYPE html>
<html>
  <head>
    <title>Membuat huruf tercoret di HTML</title>
  </head>
  <body>
    <p><del>PHP</del> <ins>HTML</ins> adalah bahasa yang pertama kali harus kita pelajari dalam pembuatan web.</p>
  </body>
</html>


membuat huruf tercoret di html

Mana yang lebih familiar dan populer digunakan? Tag <s> lebih familiar dan populer digunakan daripada tag <del>.

Seperti itulah cara membuat huruf tercoret di HTML. Selanjutnya, kita akan bahas cara membuat teks superscript dan subscript di HTML.



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