Elemen div
Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 25 dari 60.
Bayangkan kamu ingin membagi halaman web menjadi beberapa blok untuk menata kontenmu. Dalam HTML, kamu bisa menggunakan div untuk mengelompokkan elemen.
Tag div sangat berguna untuk membuat tata letak dan memisahkan bagian.
Berikut sintaks dasarnya:
<div>
<!-- Konten ditaruh di sini -->
</div>Kamu bisa menambahkan elemen HTML lain di dalam div, seperti paragraf, heading, gambar, dan bahkan elemen div lainnya.
Berikut contoh cara menggunakan tag div untuk membuat tata letak sederhana dengan header, area konten utama, dan footer:
<div>
<h1>Header</h1>
</div>
<div>
<p>Main content goes here.</p>
</div>
<div>
<p>Footer</p>
</div>
Tantangan
MudahBuat 3 elemen div, letakkan secara berurutan di dokumen HTML-mu.
Di dalam setiap div, tambahkan tag p yang berisi nama film yang kamu sukai.
Coba sendiri
<!DOCTYPE html>
<html>
<body>
<!-- Tulis kodemu di sini -->
</body>
</html>
Uji dirimuPelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.
Semua pelajaran di Dasar-Dasar
1Dasar-Dasar HTML
Apa itu HTML?Struktur Dasar HTMLTag dan ElemenTag Bersarang dan Tag PenutupKomentar dalam HTML7Halaman Profil Pribadi
Gambaran Umum ProyekBagian Header
Foto ProfilBagian Tentang SayaTautan Media Sosial2Teks dan Pemformatan
JudulParagrafPindah BarisTeks Tebal dan MiringTeks Tebal dan Miring LagiRangkuman: Pemformatan8Formulir dan Input Bagian 1
Dasar FormulirInput TeksAtribut InputKolom Kata SandiLabel untuk InputUlasan, Formulir Dasar11Halaman Pendaftaran Acara
Gambaran Umum ProyekBagian HeaderBagian Detail AcaraFormulir PendaftaranBagian Footer9Formulir dan Input Bagian 2
Tombol RadioKotak CentangMenu DropdownTombolTombol dalam FormulirRangkuman, Formulir #1Rangkuman, Formulir #2Latihan sendiri: Playground Web