Cara Membuat Huruf Tercoret (strikethrough) Pada HTML Dengan Tag s dan tag del

Penggunaan huruf tercoret digunakan untuk mengoreksi kata atau kalimat, huruf tercoret dikenal juga dengan istilah strikethrough. Untuk membuat huruf tercoret pada HTML, kita dapat menggunakan tag <s> dan tag <del>. Pada artikel kali ini kita akan mempelajari Cara Membuat Huruf Tercoret (strikethrough) Pada HTML Dengan Tag s dan tag del.

Penggunaan dan Penulisan Tag s Dalam HTML

Tag <s> merupakan singkatan dari strikethrough, yang digunakan untuk membuat huruf tercoret.

Berikut ini contoh penulisan tag <s> dalam HTML :
<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML</title>
</head>
<body>
    <h1>Hallo Dunia!</h1>
    <p>Kali ini Saya sedang belajar <s>CSS</s> HTML di website mas-abdi.blogspot.com</p>
    <p>HTML merupakan singkatan dari Hypertext Markup Language</p>
</body> 
</html>
Tag s

Penggunaan dan Penulisan Tag del Dalam HTML

Tag <del> merupakan singkatan dari delete, yang digunakan untuk kata atau kalimat yang dianggap salah dan ingin dikoreksi. Biasanya setelah tag <del> terdapat tag <ins> yang digunakan untuk menambahkan kata atau kalimat yang baru saja ditambahkan ke dalam halaman website tersebut. Tag <del> secara default akan ditampilkan web browser dengan huruf tercoret.

Berikut ini contoh penulisan tag <del> dalam HTML :
<!DOCTYPE html>
<html>
<head>
    <title>Belajar HTML</title>
</head>
<body>
    <h1>Hallo Dunia!</h1>
    <p>Kali ini Saya sedang belajar HTML di website mas-abdi.blogspot.com</p>
    <p>HTML merupakan singkatan dari <del>Cascading Style Sheets</del> <ins>Hypertext Transfer Protocol</ins></p>
</body> 
</html>
Tag del

Anda dapat menggunakan tag <s> untuk membuat huruf tercoret, namun jika dirasa ada kata atau kalimat yang dianggap salah dan ingin dikoreksi, Anda dapat menggunakan tag <del>.
Pada HTML versi 4.01, memiliki tag <strike> yang akan ditampilkan web browser dengan huruf tercoret, namun pada HTML5 tag ini sudah berstatus deprecated yang artinya sudah tidak disarankan untuk digunakan lagi dan kemungkinan tidak didukung oleh web browser. Anda mungkin masih bisa menemukan tag ini pada website lama.
Untuk membuat huruf tercoret dalam CSS, kita bisa menggunakan properti text-decoration: line-through;
Pada artikel selanjutnya kita akan mempelajari Cara Menulis Persamaan Matematis Pada HTML Dengan Tag sub dan sup.

Comments

Popular posts from this blog

20 Template Blogger SEO Friendly dan Responsive Gratis

Cara Menginstall Phoenix OS Pada Windows 10

Cara Menghapus Antivirus Avast Dengan Benar

Cara Membuat Bootable USB Flashdisk Windows 10 Menggunakan Rufus

Cara Mengatur Posisi dan Tampilan Gambar di HTML

Cara Memblokir Akses Internet Aplikasi Windows 10 Tanpa Aplikasi Pihak Ketiga

4 Template Blogger Buatan Mas Sugeng Yang Dibagikan Secara Gratis

7 Aplikasi Pemutar Video Terbaik Untuk PC/Laptop

41 Latar Belakang Abu-abu Yang Cocok Untuk di Desain

Kumpulan Pantun Jenaka