Membuat Huruf Tercoret dengan HTML

belajar HTML dan CSS untuk pemula

Pada tutorial HTML berikut ini, kita akan membicarakan mengenai Cara Membuat Huruf Tercoret di dalam HTML. Huruf / Text tercoret ini dikenal pula dengan istilah strikethrough. Strikethrough pada umumnya dipakai untuk mengoreksi text atau bagian dari kalimat. Untuk membuat text tercoret ini, kita memakai tag <s> dan tag <del>.

Tag <s>

Tag <s> ialah singkatan dari Strikethrough. Strikethrough ialah istilah yang digunakan untuk membuat text dengan garis tercoret. Tag <s> tidak mempunyai arti apa-apa dan murni merupakan format text untuk menampilkan text dengan strikethrough.

Tag <s> masuk dalam tipe tag inline, yang akan mengikuti alur text yang ada.

Berikut ialah contoh cara penulisan dan pemakaian tag <s> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p><s>JavaScript</s> HTML ialah dasar dari
seluruh halaman web di internet. Bila kamu mau mempelajari cara 
membuat website, maka hal pertama yang perlu dipelajari ialah HTML</p>
</body>
</html>

Tag <del>

Tag <del> ialah singkatan dari delete. Sesuai dengan namanya, tag <del> diperuntukkan bagi penulisan text yang dianggap salah dan mau dikoreksi. Tag <del> merupakan kebalikan dari tag <ins> yang bertujuan untuk penambahan text baru.

Tag <del> saya masukkan ke dalam tutorial ini sebab secara default web browser menampilkan tag <del> dengan garis tercoret. Tag ini termasuk jenis inline element.

Berikut ialah contoh cara penulisan dan pemakaian tag <del> di dalam HTML:

<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML di Infanthree</title>
</head>
<body>
<h3>Saya sedang belajar HTML di Infanthree.com</h3>
<p>HTML atau Hypertext Markup Language ialah dasar dari
seluruh halaman web di internet. 
Bila kamu mau mempelajari cara membuat website, maka 
<del>hal pertama yang perlu dipelajari ialah PHP</del>
<ins>hal pertama yang perlu dipelajari ialah HTML</ins></p>
</body>
</html>

Secara personal, saya memakai tag <s> untuk bagian text yang tidak ditujukan apa-apa selain garis tercoret. Tetapi jika ada bagian text yang memang dirasa perlu dikoreksi, tag <del> akan membantu struktur konten dari HTML dan lebih dianjurkan.

Selain memakai tag <s> dan <del>, HTML versi 4.01 mempunyai tag <strike> dengan tampilan yang sama, tetapi HTML5 mengatakan tag <strike> deprecated, yang berarti dianjurkan agar tidak dipakai, dan kemungkinan tak akan didukung web browser. Kamu barangkali masing mendapatkan tag ini terutama dalam website lama.

Untuk membuat hasil huruf dengan garis tercoret di dalam CSS, kita dapat memakai:

text-decoration: line-through;

Demikialah tutorial cara Membuat Huruf Tercoret dengan HTML memakai fungsi Tag <del> dan Tag <s>. Share postingan ini jika kamu rasa bermafaat


Butuh Web Developer Makassar atau Jasa SEO di Makassar yang bergaransi? Jangan ragu dengan infanthree.com. Kami juga penyedia Jasa Pembuatan Aplikasi Android di Makassar yang terkemuka. Selain itu ada layanan SEM, SMM, Internet Marketing Agency Makassar dan Social Media, Pembuatan Logo, Konten, Video, Maskot dan Instalasi jaringan ataupun mikrotik, hingga pelatihan komputer dan internet marketing.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *