Cara Membuat Huruf Tercoret di HTML – Tag S dan Tag Del

Tag S dan Tag Del

Untuk membuat text tercoret kita dapat menggunakan tag <s> dan tag <del>. Kedua tag ini akan membuat text tercoret namun memiliki tujuan yang berbeda.

Tag S

Tag <s> untuk Penulisan Strikethrough
Strikethrough adalah suatu istilah yang dipakai untuk membuat garis diatas text sehingga terlihat tercoret.
Tag s dibuat bertujuan untuk menandai suatu kata atau kalimat yang sudah berubah.

Contoh tag s

<!DOCTYPE html>
<html>
<head>
<title>Phpdanmysql.com</title>
</head>
<body>
<h3>Belajar Tag S</h3>
<p><s>Mobil saya biru</s>Mobil saya merah</p>
</body>
</html>

Pada contoh diatas saya mencoret kata mobil saya biru, karena mobil saya sudah berubah jadi warna merah. Sebenarnya bisa memakai tag del, saya tidak memakai tag <del> karena saya masih memakai mobil, tapi bukan biru lagi. Melainkan merah.

Tag <del>

Tag del digunakan untuk text yang sudah tidak dipakai lagi, atau text di delete (hapus)

Contoh tag del

<!DOCTYPE html>
<html>
<head>
<title>Phpdanmysql.com</title>
</head>
<body>
<h3>Belajar Tag Del</h3>
<p>warna kesukaan saya adalah <del>biru</del> merah.</p>
</body>
</html>

Semua tag ini memang memiliki output yang sama, namun jika kita memikirkan struktur dokument HTML yang disarankan kita pasti akan memakai tag yang sesuai dengan tujuannya nya masing-masing.
Sebenarnya selain tag <s> dan tag <del> ada satu tag lagi untuk membuat garis coret pada text html yaitu tag <strike>, tag strike digunakan untuk membuat text tercoret namun tag ini sudah tidak dipakai lagi pada HTML5, jadi kita pun tak perlu membahasnya dalam tutorial ini.

Keyword:

  • tag strike digunakan untuk

Get real time updates directly on you device, subscribe now.

Ada Komentar?

×