Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / html

Membuat Teks Coret HTML Menggunakan Tag S

Dipublikasikan Oleh: elfanmauludi 5 komentar
Tag S digunakan untuk menentukan konten teks yang tidak lagi benar atau akurat. Tag ini hampir sama dengan tag <del> namun dengan sedikit perbedaan. Tag ini tidak digunakan untuk menghapus tulisan seperti tag delete, tetapi digunakan untuk mengganti tag delete itu sendiri.


Sebelum memahami lebih dalam materi tentang Membuat Teks Coret HTML Menggunakan Tag S, terlebih dahulu pelajari materi tentang: Membuat Kutipan HTML Menggunakan Tag Quotation, Membuat Teks Berformat pada HTML Menggunakan Tag PRE, dan Membuat Teks Frase HTML Menggunakan Tag Phrase yang Tersedia.

Sintak: <s> Konten... </s>

Contoh:

<!DOCTYPE html>

<html>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Tag S

</h2>

 

<p>

Blog TIK

<s>merupakan blog komputer</s>

untuk para maniak coding.

</p>

 

</body>

 

</html>

Output:

Blog Elfan

Tag S

Blog TIK merupakan blog komputer untuk para maniak coding.


Teks coret dalam pengembangan situs web sering digunakan untuk memberikan penekanan atau menunjukkan bahwa sebuah informasi sudah tidak berlaku lagi. Pada halaman situs web, teks coret dapat dipakai untuk berbagai tujuan, seperti menggambarkan perubahan harga, menyampaikan informasi yang sudah tidak relevan, atau menunjukkan teks yang dihapus. Salah satu cara untuk menampilkan teks coret dalam HTML adalah dengan menggunakan tag yang sesuai. Tag yang digunakan untuk menampilkan teks coret dalam HTML adalah tag "S".

Secara umum, tag "S" pada HTML berfungsi untuk memberikan penampilan teks yang dicoret. Dalam hal ini, teks yang diletakkan di dalam tag ini akan memiliki garis yang melintang di tengahnya. Tag ini lebih sering digunakan untuk menandakan bahwa informasi atau bagian dari teks sudah tidak berlaku lagi, namun tetap ingin disertakan untuk tujuan referensi atau penjelasan lebih lanjut. Penggunaan tag ini sangatlah sederhana dan tidak memerlukan atribut tambahan, cukup menempatkan teks yang ingin dicoret di antara tag "S".

Penting untuk dipahami bahwa meskipun tag "S" memberikan tampilan visual yang mencoret teks, fungsi utama dari tag ini tidak semata-mata hanya sebagai pemanis tampilan. Penggunaan tag "S" memiliki nilai kontekstual tertentu dalam menyampaikan pesan kepada pengunjung situs web. Misalnya, dalam penjualan, harga yang tercoret bisa menunjukkan harga lama yang sudah diganti dengan harga baru. Ini memberikan gambaran yang jelas mengenai perubahan yang terjadi pada produk atau layanan yang ditawarkan, sehingga pengunjung dapat memahami perbandingan antara harga lama dan harga baru.

Namun, meskipun tag "S" memberikan tampilan yang menarik dan fungsional dalam konteks teks coret, penggunaannya harus dilakukan dengan bijak. Terlalu banyak menggunakan teks coret dalam suatu halaman situs web bisa mengganggu kenyamanan pembaca. Oleh karena itu, disarankan untuk menggunakan teks coret hanya pada bagian-bagian yang benar-benar memerlukan penekanan. Misalnya, pada bagian yang menginformasikan perubahan atau pembaruan penting, seperti pengumuman promosi atau update harga. Dengan penggunaan yang tepat, teks coret dapat menjadi elemen yang memperjelas informasi yang ingin disampaikan.


Selain itu, penting juga untuk mempertimbangkan bagaimana teks coret berfungsi dalam konteks pembaca yang menggunakan teknologi bantu, seperti pembaca layar. Penggunaan tag "S" dapat memberi petunjuk visual yang jelas, namun perlu diperhatikan bahwa tidak semua teknologi bantu dapat menampilkan garis coret dengan cara yang sama. Oleh karena itu, meskipun tag ini efektif dalam memberikan informasi visual kepada sebagian besar pengunjung situs web, penggunaannya sebaiknya tidak terlalu bergantung pada tampilan visual semata. Sebaiknya, informasi yang disampaikan melalui teks coret juga disertakan dengan penjelasan tambahan, baik dalam teks yang jelas atau dengan menggunakan elemen lain dalam halaman.

Pada prinsipnya, HTML sebagai bahasa markup dirancang untuk menyajikan konten secara struktural dan fungsional, dengan fokus pada semantik atau arti dari elemen yang digunakan. Dalam hal ini, tag "S" tidak hanya berfungsi untuk memberi garis coret pada teks, tetapi juga dapat memberikan konteks lebih dalam komunikasi informasi. Dalam pengembangan situs web yang berorientasi pada aksesibilitas dan pengalaman pengguna, pemahaman tentang penggunaan tag ini menjadi sangat penting. Dengan memperhatikan konteks dan tujuan penggunaan, teks coret yang ditampilkan menggunakan tag "S" dapat menjadi alat yang efektif untuk menyampaikan perubahan atau pembaruan dalam informasi tanpa mengorbankan pengalaman pengguna secara keseluruhan.

Di samping penggunaan tag "S", HTML juga menyediakan berbagai tag lainnya yang dapat digunakan untuk tujuan semantik yang serupa, seperti tag "Del" dan "Ins". Meskipun tag-tag ini memiliki fungsi yang berbeda, namun semuanya berfokus pada pengelolaan informasi yang berubah. Tag "Del", misalnya, digunakan untuk menunjukkan teks yang telah dihapus, sementara tag "Ins" digunakan untuk menandakan teks yang baru saja ditambahkan. Meskipun semua tag ini dapat digunakan untuk memberi penekanan pada perubahan informasi, tag "S" tetap menjadi pilihan yang paling sederhana dan paling sering digunakan untuk tujuan ini.

Dalam pengembangan situs web yang lebih kompleks, tag "S" juga sering dipasangkan dengan tag lainnya, seperti tag "Span" atau tag "Div", untuk menyesuaikan tampilan teks coret sesuai dengan kebutuhan desain. Tag "Span" misalnya, dapat digunakan untuk membungkus bagian tertentu dari teks coret yang memerlukan penataan lebih lanjut, seperti mengganti warna atau ukuran font. Ini memberikan fleksibilitas lebih bagi pengembang web untuk menyesuaikan tampilan teks coret agar lebih sesuai dengan desain keseluruhan halaman.

Namun, meskipun tag "S" memberikan kemudahan dalam menampilkan teks coret, penggunaan tag ini sebaiknya tidak dilakukan secara sembarangan. Sebaiknya, hanya teks yang benar-benar perlu dicoret yang diberi tag "S", seperti harga lama atau informasi yang telah kedaluwarsa. Penggunaan tag ini secara berlebihan atau tidak tepat dapat membuat situs web terlihat kacau dan membingungkan pengunjung. Oleh karena itu, pengembang situs web perlu memastikan bahwa penggunaan tag ini selalu mendukung tujuan komunikasi yang jelas dan tidak berlebihan.

Pada akhirnya, penggunaan tag "S" dalam HTML sangat bermanfaat untuk menampilkan teks coret dengan cara yang sederhana namun efektif. Tag ini memberikan cara yang jelas dan mudah untuk menandai perubahan informasi, seperti harga atau status produk. Meskipun tag ini memberikan penampilan visual yang menarik, penggunaan tag "S" harus tetap memperhatikan konteks dan tujuan informasi yang disampaikan. Dengan demikian, teks coret yang ditampilkan dengan tag "S" akan berfungsi secara optimal untuk memberikan informasi yang jelas kepada pengunjung situs web tanpa mengganggu kenyamanan visual atau pengalaman pengguna secara keseluruhan.

Artikel ini akan dibaca oleh: Naviatul Fadilla Nurrohmah, Nur Rahma Martiyana, Nur Zain Sholeh, Oktarina Tri Mumpuni, dan Puji Astuti.
Location: Semarang, Kota Semarang, Jawa Tengah, Indonesia

5 komentar untuk "Membuat Teks Coret HTML Menggunakan Tag S"

  1. AnonimMinggu, 04 Juli 2021 pukul 11.46.00 WIB

    Apa yang dimaksud dengan tag s pada html?

    BalasHapus
    Balasan
    1. AnonimMinggu, 04 Juli 2021 pukul 11.47.00 WIB

      Tag s pada HTML digunakan untuk merender teks dengan coretan, atau garis yang melewati teks tersebut. Tag ini digunakan untuk mewakili hal-hal atau kata yang tidak lagi relevan atau tidak lagi akuran dalam suatu kalimat.

      Hapus
  2. AnonimMinggu, 04 Juli 2021 pukul 11.48.00 WIB

    Apa fungsi tag s pada html?

    BalasHapus
    Balasan
    1. AnonimMinggu, 04 Juli 2021 pukul 11.49.00 WIB

      HTML tag s merupakan singkatan dari strikethrough atau garis coret, yang berfungsi memberikan efek garis coret pada kata yang terdapat dalam tag tersebut.

      Hapus
    2. elfanmauludiMinggu, 04 Juli 2021 pukul 11.50.00 WIB

      tag s berfungsi untuk memberi efek garis coret pada kalimat atau kata pada dokumen html.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -