Cara Membuat Tulisan Tercoret di HTML

Di postingan sebelumnya, kita sudah membahas cara membuat underline di HTML. Kali ini kita bahas cara membuat tulisan tercoret di HTML atau strikethrough. Berikut panduan AneIqbal selengkapnya.

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

Cara membuat tulisan 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.

strikethrough html
tampilan tulisan tercoret dengan tag <s>

Membuat tulisan 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>

Jadinya akan seperti ini.

html strikethrough
tulisan tercoret dengan tag <del>

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

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

 

 

Share yuk, ke:

Leave a Comment