Dalam tutorial Text HTML kali ini, kita akan membahas tentang Cara Membuat Huruf Tercoret di dalam HTML. Huruf / Text tercoret ini dikenal juga dengan istilah strikethrough. Strikethrough biasanya digunakan untuk mengoreksi text atau bagian dari kalimat. Untuk membuat text tercoret ini, kita menggunakan tag dan tag .
Tag untuk Penulisan Strikethrough dalam HTML
Tag adalah singkatan dari Strikethrough. Strikethrough adalah istilah yang dipakai untuk membuat text dengan garis tercoret. Tag tidak memiliki arti apa-apa dan murni merupakan format text untuk menampilkan text dengan strikethrough.
Tag masuk ke dalam tipe tag inline, yang akan mengikuti alur text yang ada.
Berikut adalah contoh cara penulisan dan penggunaan tag di dalam HTML:
Belajar HTML di Duniailkom Saya sedang belajar HTML di Duniailkom.com
JavaScriptHTML adalah dasar dari
semua halaman web di internet. Jika anda ingin mempelajari cara
membuat website, maka hal pertama yang harus dipelajari adalah HTML
Tag untuk Text yang di Koreksi
Tag adalah singkatan dari delete. Sesuai dengan namanya, tag ditujukan untuk penulisan text yang dianggap salah dan ingin dikoreksi. Tag merupakan kebalikan dari tag yang bertujuan untuk penambahan text baru.
Tag saya masukkan ke dalam tutorial ini karena secara default web browser menampilkan tag dengan garis tercoret. Tag ini termasuk jenis inline element.
Berikut adalah contoh cara penulisan dan penggunaan tag di dalam HTML:
Belajar HTML di Duniailkom Saya sedang belajar HTML di Duniailkom.com
HTML atau Hypertext Markup Language adalah dasar dari
semua halaman web di internet.
Jika anda ingin mempelajari cara membuat website, makahal pertama yang harus dipelajari adalah PHP
hal pertama yang harus dipelajari adalah HTML
Secara pribadi, saya menggunakan tag
untuk bagian text yang tidak ditujukan apa-apa selain garis tercoret. Namun apabila ada bagian text yang memang dirasa perlu dikoreksi, tag akan membantu struktur konten dari HTML dan lebih disarankan.
Untuk membuat hasil huruf dengan garis tercoret di dalam CSS, kita bisa menggunakan:
text-decoration: line-through;
Sumber wk.com
EmoticonEmoticon