Tutorial Belajar HTML

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

Written by adies

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.

About the author

adies

Ada Komentar?

×