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
  • Elemen
  • Tag
  • Atribut
  1. Belajar HTML

Elemen, Tag, dan Atribut

Elemen, tag, dan atribut adalah konsep dasar dalam HTML yang membentuk struktur dasar dari sebuah halaman web. Berikut penjelasan tentang masing-masing konsep:

Elemen

Struktur dasar dalam HTML yang mengandung informasi atau konten tertentu. Setiap elemen dimulai dengan tag pembuka, diikuti oleh konten, dan mungkin diakhiri dengan tag penutup jika diperlukan.

Contoh:

<p>Ini adalah sebuah paragraf. Keseluruhan dari ini adalah elemen</p>

Elemen ada yang memerlukan tag penutup dan elemen yang tidak memerlukan tag penutup.

  1. Elemen dengan Tag Penutup: Elemen ini memiliki tag pembuka dan tag penutup yang menandakan awal dan akhir dari elemen tersebut.

    Contoh: <p>Ini adalah sebuah paragraf.</p>

  2. Elemen tanpa Tag Penutup: Elemen ini tidak memerlukan tag penutup karena tidak memiliki konten yang terpisah yang memerlukan penutup.

    Contoh: <img src="gambar.jpg" alt="Deskripsi Gambar">

Tag

Tanda yang mengelilingi konten dan memberikan arti dan struktur pada elemen HTML. Ada tag pembuka yang dimulai dengan < dan tag penutup yang dimulai dengan </, yang menunjukkan akhir dari elemen. Misalnya, <p> untuk elemen paragraf dan </p> untuk menutupnya.

Contoh:

<p></p> 
<br>
<hr>

Atribut

Memberikan informasi tambahan tentang elemen dan ditempatkan di dalam tag pembuka. Atribut menyediakan detail atau konfigurasi tambahan tentang elemen tersebut. Contoh atribut termasuk href, src, class, id, alt, dan title.

Contoh:

<a href="https://www.dimasrizky.my.id">Pergi Ke Dimas Rizky. </a>
// href="" adalah sebuah atribut
// https://www.dimasrizky.my.id adalah isi atau nilai dari atribut (apapun textnya) 
PreviousPengenalan HTMLNextStrukur Dasar HTML

Last updated 1 year ago