HTML s tag | belajar <s> element

HTML Fadlullah Fadul December 3, 2018

Referensi Belajar HTML s tag. Tutorial dan panduan mengenai element <s>...</s> yang digunakan untuk menyatakan teks yang sudah tidak benar atau tepat. Mencakup pembahasan lebih detail dan lengkap yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <s>.

Deskripsi
Penjelasan HTML s tag

HTML s tag menunjukkan sebuah strikethrough atau garis coret.

HTML <s> element digunakan untuk menunjukkan konten atau teks yang sudah tidak lagi akurat atau relevan (berkaitan).

<s> element akan menghasilkan style yang sama percis dengan element <del>, yaitu teks tersebut terdapat garis tengah lurus yang menunjukkan tercoret, adapun penggunaan kedua element tersebut jelas berbeda.

<s> element, tidak tepat digunakan ketika menunjukkan perubahan (edit) dokumen yang telah dihapus, untuk hal ini, gunakan <del> sebagai gantinya (karena lebih tepat dalam penggunaannya).

Global Attributes
Atribut Secara Global (Keseluruhan)

<s> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Silahkan, lihat referensi mengenai HTML Global Attribute

Event Attributes
Atribut event (Peristiwa)

<s> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Silahkan, lihat referensi mengenai HTML Events Attribute

Example
Contoh HTML <s> element

HTML 
<p>Dapatkan Tas Cantik!</p>
<p><s>Harga Normal: Rp.100.000</s></p>
<p><strong>Khusus hari ini, Rp.50.000</strong></p>

Perhatikan contoh diatas, pada baris ke-2 digunakan element <s> yang ditandai dengan teks tercoret karena sudah tidak relevan dan diganti dengan harga baru (baris ke-3). Lihat hasilnya pada demo editor dibawah ini.

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
editor 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Demo HTML s tag</title>
    <style></style>
  </head>
  <body>
    <p>Dapatkan Tas Cantik!</p>
    <p><s>Harga Normal: Rp.100.000</s></p>
    <p><strong>Khusus hari ini, Rp.50.000</strong></p>
  </body>
</html>
SHARE
Previous Article Next Article