Pada panduan Text HTML kali ini, kita akan membahas mengenai Cara Membuat Huruf Tercoret di dalam HTML. Huruf / Text tercoret ini dikenal pun dengan istilah strikethrough. Strikethrough biasanya digunakan bagi mengoreksi text atau bagian dari kalimat. Bagi merancang text tercoret ini, kita menggunakan tag <s> dan tag <del>.
Tag <s> bagi Penulisan Strikethrough pada HTML
Tag <s> yakni singkatan dari Strikethrough. Strikethrough yakni istilah yang dimanfaatkan bagi merancang text dengan garis tercoret. Tag <s> tak mempunyai arti apa-apa dan murni adalah format text bagi menampilkan text dengan strikethrough.
Tag <s> masuk ke pada tipe tag inline, yang akan mengikuti alur text yang terdapat.
Berikut yakni contoh cara penulisan dan pemakaian tag <s> di pada HTML:
1 |
<!DOCTYPE html><br/><html><br/><head><br/><title>Belajar HTML di Source Code Program</title><br/></head><br/><br/><body><br/><h3>Saya sedang belajar HTML di Source Code Program.com</h3><br/><p><s>JavaScript</s> HTML yakni basic dari<br/>segala halaman web di internet. Apabila kamu ingin mempelajari cara <br/>merancang blog, karenanya hal pertama-tama yang mesti dipelajari yakni HTML</p><br/></body><br/><br/></html> |
Tag <del> bagi Text yang di Koreksi
Tag <del> yakni singkatan dari delete. Sesuai dengan namanya, tag <del> diperuntukkan bagi penulisan text yang dianggap salah dan ingin dikoreksi. Tag <del> adalah kebalikan dari tag <ins> yang bertujuan bagi penambahan text baru.
Tag <del> saya masukkan ke pada panduan ini karena secara default web browser menampilkan tag <del> dengan garis tercoret. Tag ini termasuk jenis inline element.
Berikut yakni contoh cara penulisan dan pemakaian tag <del> di pada HTML:
1 |
<!DOCTYPE html><br/><html><br/><head><br/><title>Belajar HTML di Source Code Program</title><br/></head><br/><br/><body><br/><h3>Saya sedang belajar HTML di Source Code Program.com</h3><br/><p>HTML atau Hypertext Markup Language yakni basic dari<br/>segala halaman web di internet. <br/>Apabila kamu ingin mempelajari cara merancang blog, karenanya <br/><del>hal pertama-tama yang mesti dipelajari yakni PHP</del><br/><ins>hal pertama-tama yang mesti dipelajari yakni HTML</ins></p><br/></body><br/><br/></html> |
Secara pribadi, saya menggunakan tag <s> bagi bagian text yang tak diperuntukkan apa-apa selain garis tercoret. Namun apabila ada bagian text yang memang dirasa perlu dikoreksi, tag <del> akan menolong struktur konten dari HTML dan lebih disarankan.
Bagi merancang hasil huruf dengan garis tercoret di pada CSS, kita dapat menggunakan:
1 |
text-decoration: line-through; |
Sumber https://www.duniailkom.com/