HTML strong tag | belajar <strong> element

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


Deskripsi
Penjelasan HTML strong tag

HTML <strong> element digunakan untuk menunjukkan teks yang menyatakan begitu penting (strong importance), kesungguhan atau benar-benar (seriousness) atau digunakan pada sebuah kondisi mendesak (urgency) yang mana teks tersebut dimaksudkan agar mendapat perhatian penting dari teks biasa lainnya.

<strong> element, ditandai dengan tulisan cetak tebal (bold) yang menunjukkan penegasan penting.

<strong> element, dapat digunakan pada beberapa kondisi berikut:

  • Teks yang menyatakan hal penting untuk diperhatikan, contohnya pada kata "Read More" atau "Baca Selengkapnya" yang biasanya terdapat pada sebuah artikel blog yang menunjukkan sebuah link untuk membaca artikel selengkapnya.
  • Teks yang menunjukkan peringatan atau perhatian.
  • Teks yang menunjukkan konten yang dimaksudkan agar user segera melihat dan fokus pada teks yang dituju.

Global Attributes
Atribut Secara Global (Keseluruhan)

<strong> 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.

Event Attributes
Atribut event (Peristiwa)

<strong> 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.

Example
Contoh HTML <strong> element

Contoh 1

Contoh <strong> tag sederhana.

HTML
<p>
  Sebelum minum obat, <strong>bacalah</strong> petunjuknya terlebih dahulu.
</p>
Contoh 2

Contoh <strong> yang digunakan pada judul teks yang menunjukkan peringatan atau perhatian.

HTML
<p>
  <strong>Perhatian</strong>. Pasang sabuk pengaman sebelum mengendarai mobil.
</p>
Contoh 3

Pada contoh dibawah ini, menunjukkan bagian teks yang dimaksudkan agar user melihat pertama kali pada <strong> teks tersebut.

HTML
<p>Tugasmu hari ini:</p>
<ul>
  <li><strong>Kerjakan PR (Pekerjaan Rumah)</strong></li>
  <li>Memberi makan kambing</li>
  <li>Pergi ke pasar</li>
</ul>

Contoh Lengkap

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

SOURCE
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Demo HTML strong tag by:apacara.com</title>
    <style>

    </style>
  </head>
  <body>
     <h3>Contoh 1</h3>
      <p>
        Sebelum minum obat, <strong>bacalah</strong> petunjuknya terlebih dahulu.
      </p>

     <hr />
     <h3>Contoh 2</h3>
      <p>
        <strong>Perhatian</strong>. Pasang sabuk pengaman sebelum mengendarai mobil.
      </p>

     <hr />
     <h3>Contoh 3</h3>
      <p>Tugasmu hari ini:</p>
      <ul>
        <li><strong>Kerjakan PR (Pekerjaan Rumah)</strong></li>
        <li>Memberi makan kambing</li>
        <li>Pergi ke pasar</li>
      </ul>

  </body>
</html>
SHARE