Modul FrontEnd Web Dasar
  • Pengenalan Penulis
  • Muqadimah
  • Tujuan Pembelajaran
  • Prasyarat Pembelajaran
  • Persiapan & Pendahuluan
    • Tools Yang Dibutuhkan
    • Cara Kerja Internet: Bagaimana Website Sampai ke Pengguna
    • Web Statis & Dinamis
    • Peranan Web Server & Web Browser
    • Anatomi Website (HTML, CSS, JavaScript)
    • Referensi Tambahan
  • Belajar HTML
    • Pengenalan HTML
    • Elemen, Tag, dan Atribut
    • Strukur Dasar HTML
    • Menjalankan File HTML di Browser
    • Semantic HTML
    • Tag Dasar HTML
      • Tag Heading (h1-h6)
      • Tag Paragraf (p)
      • Tag Untuk Pemformatan Teks Dasar
      • Tag Anchor/Link (a)
      • Tag Image (img)
      • Tag List (ul, ol, li)
      • Tag Table (table)
      • Tag Form (form, input, select, textarea)
      • Tag Div
      • Tag Audio & Video
      • iframe
      • Tag Untuk Citation, Quotation dan Definisi
      • Tag Untuk Hasil Kode Komputer
    • Simbol/Karakter Khusus
  • Belajar CSS
    • Pengenalan CSS
    • Menambahkan CSS ke HTML
    • Selektor CSS
    • Properti CSS
      • Teks Formatting
      • Warna dan Background
      • Pengenalan Box Model
      • Box Model: Konten
      • Box Model: Padding dan Margin
      • Box Model: Border
      • Box Shadow
      • Box Sizing
      • Positioning
      • Display
      • Pengenalan Flexbox
      • Flexbox: Properti Pada Container
      • Flexbox: Properti Item
      • Flexbox: Gap
      • Pengenalan Grid
      • Grid: Grid Struktur
      • Grid: Gap
      • Grid: Alignment
      • Grid: Grid Auto Flow
      • Grid: Item Placment
      • Grid: Functions in Grid Layout
    • Media Queries Untuk Responsifitas Pada Website
    • Media Queries: Media Types
    • Media Queries: Media Features
  • Belajar JavaScript
    • Pengenalan JavaScript
    • Menghubungkan JavaScript ke HTML
    • Variable
    • Tipe Data
    • Operator & Ekspresi
    • Perkondisian
    • Perulangan
    • Fungsi
    • Debugging
    • JavaScript BOM (browser Object Model)
      • Pengenalan JavaScript BOM
      • Akses ke Objek Window
      • Akses ke Objek Document
      • Akses Ke Navigator Object
      • Akses ke Screen Object
      • Akses ke Histori Object
    • JavaScript DOM (Document Object Model)
      • Pengenalan JavaScript DOM
      • Menarget Element HTML
      • Menambah, Menghapus, dan Mengedit Element
    • Events Handler
      • Pengenalan Event Handler Untuk Interaktifitas
      • Windows Events
      • Form Events
      • Keyboard Events
      • Clipboard Events
      • Mouse Events
    • Web Storage
      • Pengenalan Web Storage
      • Local Storage
      • Session Storage
  • Framework CSS
    • Pengenalan Framework CSS (Bootstrap)
    • Menambahkan Bootstrap ke Project
    • Penggunaan Utility Classes
    • Penggunaan Komponen Bootstrap
    • Customizing Bootstrap
    • Responsive dengan Bootstrap
  • Belajar Figma Untuk Slicing
    • Pengenalan dan Peran Figma
    • Membuat Desain Website
    • Melakukan Slicing
  • Pengenalan Framework FrontEnd
  • Hosting (Web Statis)
Powered by GitBook
On this page
  1. Belajar HTML
  2. Tag Dasar HTML

Tag Untuk Pemformatan Teks Dasar

Dalam modul ini, kita akan mempelajari penggunaan tag HTML untuk memformat teks dalam berbagai cara. Berikut adalah beberapa tag yang akan kita pelajari:

1. <b> - Bold text

Digunakan untuk membuat teks menjadi tebal (bold). Contoh:

<p><b>Teks tebal ini.</b></p>

2. <strong> - Important text

Menandai teks sebagai penting secara semantik, biasanya dirender sebagai teks tebal (bold). Contoh:

<p><strong>Teks penting ini.</strong></p>

3. <i> - Italic text

Digunakan untuk membuat teks menjadi miring (italic). Contoh:

<p><i>Teks miring ini.</i></p>

4. <em> - Emphasized text

Menandai teks sebagai ditonjolkan secara emfasiskan, biasanya dirender sebagai teks miring (italic). Contoh:

<p><em>Teks yang ditonjolkan ini.</em></p>

5. <mark> - Marked text

Digunakan untuk menandai bagian dari teks yang relevan atau penting dalam konteks tertentu. Contoh:

<p>Teks <mark>yang ditandai</mark> ini.</p>

6. <small> - Smaller text

Menandai teks sebagai lebih kecil dari teks sekitarnya. Contoh:

<p><small>Teks kecil ini.</small></p>

7. <del> - Deleted text

Menandai teks yang dihapus dari dokumen, biasanya dirender dengan garis melintang di tengah teks. Contoh:

<p><del>Teks yang dihapus ini.</del></p>

8. <ins> - Inserted text

Menandai teks yang ditambahkan atau dimasukkan ke dalam dokumen, biasanya dirender dengan garis bawah di bawah teks. Contoh:

<p><ins>Teks yang ditambahkan ini.</ins></p>

9. <sub> - Subscript text

Menurunkan teks kecil di bawah garis dasar. Contoh:

<p>H<sub>2</sub>O adalah air.</p>

10. <sup> - Superscript text

Menaikkan teks kecil di atas garis dasar. Contoh:

<p>E = mc<sup>2</sup> adalah persamaan terkenal Einstein.</p>

Dengan memahami penggunaan tag-tag ini, kita dapat membuat teks dalam dokumen HTML menjadi lebih jelas dan bermakna. Selamat belajar!

PreviousTag Paragraf (p)NextTag Anchor/Link (a)

Last updated 1 year ago