5 Contoh HTML untuk Latihan Desain Web
Mempelajari dasar HTML adalah langkah penting dalam perjalananmu menjadi seorang web developer. Untuk mengasah kemampuanmu, latihan adalah kunci! Berikut 5 contoh HTML sederhana yang bisa kamu gunakan untuk berlatih:
1. Halaman Web Sederhana
Contoh ini menampilkan struktur dasar sebuah halaman web dengan judul, paragraf, dan gambar.
Latihan Desain Web
Selamat Datang di Latihan Desain Web!
Ini adalah contoh halaman web sederhana yang dibuat dengan HTML.
2. Daftar dan Tabel
Contoh ini memperkenalkan penggunaan daftar (list) dan tabel untuk menampilkan informasi dengan struktur yang rapi.
Latihan Daftar dan Tabel
Daftar Hewan
- Kucing
- Anjing
- Burung
Tabel Data
Nama
Umur
John Doe
25
Jane Doe
30
3. Formulir Kontak
Contoh ini menunjukkan bagaimana membuat formulir kontak yang sederhana, termasuk input text, textarea, dan tombol submit.
Formulir Kontak
Formulir Kontak
4. Link dan Anchor
Contoh ini memperlihatkan cara membuat link (hyperlink) ke halaman web lain atau ke bagian tertentu di halaman yang sama.
Link dan Anchor
Kunjungi Google untuk pencarian.
Baca lebih lanjut tentang Tentang Kami.
Tentang Kami
Ini adalah informasi tentang kami.
5. Tata Letak dengan Div
Contoh ini menggunakan div (division) untuk membagi halaman web menjadi beberapa bagian dan mengatur tata letak elemen-elemen di dalamnya.
Tata Letak dengan Div
Judul Halaman
Isi konten halaman.
Ingat, ini hanyalah contoh-contoh sederhana. Kamu bisa terus berlatih dan bereksperimen dengan berbagai tag HTML lainnya untuk membangun situs web yang lebih kompleks dan menarik. Jangan lupa untuk selalu mencari referensi dan dokumentasi resmi HTML untuk mempelajari lebih lanjut.