Variasi Huruf dalam HTML

Variasi Huruf dalam HTML: Panduan Lengkap Tipografi Web

Ragam Tipografi HTML

1. Penekanan dan Format Dasar

  • Teks dengan penekanan (miring) - Makna tambahan: Memberikan penekanan penting dalam konteks dokumen.
  • Teks dengan penekanan kuat (tebal) - Makna tambahan: Penekanan lebih kuat, biasanya untuk hal yang sangat penting.
  • Teks tebal (tanpa makna tambahan) - Tanpa makna tambahan: Hanya untuk membuat teks tebal secara visual.
  • Teks miring (tanpa makna tambahan) - Tanpa makna tambahan: Hanya untuk membuat teks miring secara visual.
  • Teks highlight - Memberikan latar belakang warna pada teks.
  • Teks digarisbawahi - Memberikan garis bawah pada teks.
  • Teks dicoret - Menunjukkan teks yang tidak lagi berlaku.

2. Heading

  • Heading 1:

    Heading 1

  • Heading 2:

    Heading 2

  • Heading 3:

    Heading 3

  • Heading 4:

    Heading 4

  • Heading 5:
    Heading 5
  • Heading 6:
    Heading 6

3. Gaya Tambahan

  • H2O (Subscript) - Teks kecil di bawah garis dasar.
  • E = mc2 (Superscript) - Teks kecil di atas garis dasar.
  • Contoh kode program - Menampilkan teks dalam gaya monospace.
  • Tekan tombol: Ctrl + C - Gaya khusus untuk tombol keyboard.
  • Teks kecil - Menampilkan teks dengan ukuran lebih kecil.
  • Teks yang dihapus - Menunjukkan teks yang telah dihapus.
  • Teks yang disisipkan - Menunjukkan teks yang baru ditambahkan.

4. Kutipan dan Referensi

"Ini adalah contoh kutipan panjang."

Sumber: Nama Buku atau Artikel - Menunjukkan sumber atau referensi.

5. Tag Generik

  • Teks berwarna merah - Memberikan warna pada teks.
  • Teks dengan ukuran lebih besar - Mengubah ukuran teks.

20250116aa

Comments

Post a Comment

Popular posts from this blog

1 Seo Postingan Tabel

Image
Tips Tabel SEO-friendly dan Aksesibel Teknik Terbaik untuk Performa Tabel yang Optimal, Beberapa Cara Membuat Tabel Lebih SEO-Friendly: A. Pendahuluan Beberapa teknik agar tabel di situsmu bisa lebih SEO-friendly, lebih mudah dipahami mesin pencari, dan meningkatkan pengalaman pengguna. B. Gunakan <thead> dan <tbody> dalam Tabel Memisahkan bagian header tabel dengan <thead> dan isi tabel dengan <tbody> membuat struktur tabel lebih jelas, memudahkan mesin pencari mengenali judul kolom dan isi data. Penggunaan ini juga meningkatkan aksesibilitas untuk pembaca layar (screen reader). Kelebihan: ✅ Struktur lebih jelas. ✔ Mendukung fixed header. ✅ Aksesibilitas lebih baik. ✔ SEO lebih optimal. ✅ Memudahkan styling dan scripting. Kekurangan: ✘ Kura...
Read more

Terkunci Login, Batas Salah Password, & Reset Manual

Login dengan Penguncian & Reset Manual Login Masukkan Password: Login 🔓 Reset Manual (Admin) 📌 Cara Reset Jika Akun Terkunci Jika kamu terkunci dan tidak bisa login, ada dua cara untuk membukanya kembali: Tambahkan Tombol “Reset Kunci Manual” di Halaman HTML (Opsi Admin di atas) Ini akan menghapus status terkunci tanpa perlu buka Developer Tools. Cocok jika kamu ingin fitur reset internal langsung di halaman: Tambahkan tombol ini di bawah elemen <div id="loginForm"> : <button onclick="resetLock()">🔓 Reset Manual (Admin)</button> Tambahkan juga fungsi berikut ke dalam bagian <script> : function resetLock() { localStorage.removeItem("loginAttempts"); localStorage.removeItem("isLocked"); alert("Status kunci dihapus. Silakan refresh halaman."); } ...
Read more