6 Des 2016

Tutorial HTML : Cara Membuat Huruf Tercoret

Strikethrough Text HTML

Pada tutorial kali ini saya akan membagikan bagaimana cara membuat huruf tercoret pada HTML. Untuk membuat huruf tercoret pada HTML tidak semudah pada Aplikasi Pengolah kata yang sering kita gunakan. untuk membuat huruf tercoret HTML telah menyediakan 2 TAG untuk membuat huruf tercoret yaitu tag <s> dan tag <del> 

HTML TAG <s> :

tag <s> merupakan singkatan dari Strikethrough yang membuat huruf tercoret sehingga ketika kita menggunakan tag <s> ini maka html akan menampilkannya dengan huruf tercoret. TAG <s> tidak berarti apa apa hanya sebuah tag untuk merubah format text untuk menampilkannya tercoret

TAG <s> masuk ke dalam tipe tag inline, hal ini berarti akan mengikuti alur teks yang ada. Langsung ke Contoh Penggunaannya saja :

Contoh Penggunaan TAG <s>:


<!DOCTYPE html>
<html>
  <head>
    <title>Tutorial Tag s</title>
  </head>
  <body>
    <h2>Sekarang ini saya belajar di tutorialnyaini.blogspot.co.id</h2>
    <p>Untuk mencoret <s>huruf</s> pada Teks di HTML</p>
  </body>
</html>

TAG s HTML

HTML TAG <del> :

TAG <del> merupakan singkatan dari delete yang berfungsi untuk menunjukan kata yang salah dan dihapus dengan menampilkan huruf secara tercoret seperti kalian ingin menghapus kata yang salah di dalam kertas dan tidak ada Stipo pasti kalian coret. Untuk memberikan pembetulan dari kata tersebut kalian memerlukan TAG <ins> untuk menunjukkan bahwa kata tersebut adalah pembetulannya.

TAG <del> masuk ke dalam tipe tag inline, hal ini berarti akan mengikuti alur teks yang ada. Langsung ke Contoh Penggunaannya saja :

Contoh Penggunaan Tag <del> :


<!DOCTYPE html>
<html>
  <head>
    <title>Tutorial Tag s</title>
  </head>
  <body>
    <h2>Sekarang ini saya belajar di tutorialnyaini.blogspot.co.id</h2>
    <p>Untuk mencoret <s>huruf</s> pada Teks di HTML</p>
  </body>
</html>

tag del html

PENUTUP

Jika kalian hanya ingin menampilkan huruf tercoret tanpa memiliki tujuan kalian bisa menggunakan TAG <s>. Tetapi jika huruf yang kalian coret tersebut bertujuan  untuk menampilkan huruf yang telah dihapus kalian bisa menggunakan TAG <del>


EmoticonEmoticon