Rangkuman Tata Letak
Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 29 dari 60.
Tantangan
MudahBuat dokumen HTML yang mencakup semua elemen tata letak yang telah kita pelajari sejauh ini:
- Sebuah
<header>dengan judul utama (<h1>) yang bertuliskan "My Website" dan navigasi (<nav>) dengan tautan ke "Home", "About", dan “Contact”. (dalam list tidak berurutan) - Sebuah bagian
<main>dengan<div>yang berisi paragraf (<p>) dengan teks "This is the main content area.". Di dalam paragraf, gunakan tag<span>untuk membungkus kata "main". - Di dalam bagian main, sebuah
<section>dengan judul (<h2>) yang bertuliskan "About Us" dan sebuah<article>dengan judul (<h3>) yang bertuliskan "Our Mission" dan paragraf (<p>) yang berisi teks contoh. - Sebuah
<footer>dengan paragraf (<p>) yang bertuliskan "Copyright 2024 My Website".
Coba sendiri
<!DOCTYPE html>
<html>
<body>
<!-- Tulis kodemu di sini -->
</body>
</html>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