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 Div

Tag <div> adalah salah satu elemen yang paling umum digunakan dalam HTML untuk membuat wadah atau kontainer yang dapat digunakan untuk mengelompokkan dan memformat bagian-bagian dari halaman web. Ini adalah elemen kosong yang tidak memiliki makna khusus, tetapi sering digunakan bersama dengan CSS untuk memberikan gaya dan struktur pada konten.

Berikut adalah contoh penggunaan tag <div>:

<div> 
    <h1>Web</h1>
</div>
<div id="container">
    <div class="header">
        <h2>Selamat Datang</h2>
    </div>
    <div class="content">
        <p>Ini adalah halaman utama.</p>
    </div>
    <div class="footer">
        <p>Hak Cipta &copy; Dimas Rizky - 2024.</p>
    </div>
</div>

Penjelasan:

  • Tag <div> digunakan untuk membuat wadah atau kotak di dalam halaman web.

  • id dan class adalah atribut yang digunakan untuk memberi nama atau mengidentifikasi elemen. id harus unik di dalam halaman web, sementara class dapat digunakan beberapa kali.

Penggunaan tag <div> sangat berguna dalam pembuatan layout web yang fleksibel dan dapat disesuaikan. Hal ini memungkinkan pengembang untuk membagi halaman web menjadi bagian-bagian yang lebih kecil dan mengelompokkan elemen-elemen yang terkait bersama-sama untuk diberi gaya atau dikelola dengan lebih baik.

PreviousTag Form (form, input, select, textarea)NextTag Audio & Video

Last updated 1 year ago