Bagian dan Artikel
Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 28 dari 60.
Dalam HTML, tag <section> dan <article> digunakan untuk mengatur konten menjadi bagian-bagian yang logis.
Tag <section> mendefinisikan bagian dalam dokumen, seperti bab atau bagian lain dari dokumen yang membahas satu topik, biasanya dengan judulnya sendiri. Tag ini digunakan untuk mengelompokkan konten yang berkaitan. Misalnya, kamu dapat menggunakan <section> untuk membagi halaman menjadi pengantar, konten, dan informasi kontak.
Berikut cara menggunakan tag <section>:
<section>
<h2>Section Heading</h2>
<p>Section content goes here.</p>
</section>Tag <article> menandai konten yang mandiri dan berdiri sendiri. Konten ini harus masuk akal jika dibaca sendiri, dan harus dapat dibaca tanpa bergantung pada bagian lain dari situs web. Contoh penggunaan elemen <article>: kiriman forum, entri blog, berita, atau komentar.
Berikut cara menggunakan tag <article>:
<article>
<h2>Article Title</h2>
<p>Article content goes here.</p>
</article>
Tantangan
MudahBuat dokumen HTML yang menggunakan tag <section> dan <article> untuk menyusun halaman web. Sertakan bagian berikut:
- Bagian
<main>untuk memuat konten utama halaman. - Di dalam
<main>, buat<section>dengan judul (<h2>) yang berbunyi "Upcoming Events". - Di dalam
<section>, buat dua elemen<article>. - Setiap
<article>harus memiliki judul (<h3>) dan paragraf (<p>) dengan teks contoh. Gunakan "Event 1" dan "Event 2" untuk judul, serta "Event 1 details..." dan "Event 2 details..." untuk paragraf.
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