Contoh Script Page HTML Sederhana Lengkap
Mempelajari HTML akan terasa jauh lebih mudah jika langsung melihat contoh script page HTML sederhana. Dengan memahami satu halaman HTML utuh, kamu bisa melihat bagaimana setiap elemen saling terhubung dan membentuk sebuah halaman web.
Artikel ini dirancang sebagai artikel pendukung untuk kamu yang sedang belajar HTML dari nol hingga menengah. Contoh yang diberikan ringan, mudah dipahami, dan sering digunakan dalam website nyata.
Sebagai referensi utama, kamu juga bisa membaca: Script HTML Dasar
Struktur Dasar Page HTML
Sebuah halaman HTML minimal memiliki struktur berikut:
- <!DOCTYPE html>
- <html>
- <head>
- <body>
Struktur ini wajib agar browser dapat membaca halaman dengan benar.
Contoh Script Page HTML Sederhana
Berikut contoh script HTML sederhana lengkap dalam satu halaman. Script ini sudah mencakup teks, list, table, image, dan iframe.
<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <title>Halaman HTML Sederhana</title> </head> <body> <h1>Belajar HTML Sederhana</h1> <p> Ini adalah contoh halaman HTML sederhana yang mudah dipahami oleh pemula. </p> <h2>Contoh List</h2> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <h2>Contoh Table</h2> <table border="1"> <tr> <th>Bahasa</th> <th>Level</th> </tr> <tr> <td>HTML</td> <td>Dasar</td> </tr> <tr> <td>CSS</td> <td>Menengah</td> </tr> </table> <h2>Contoh Image</h2> <img src="gambar.jpg" alt="Contoh gambar HTML" width="200"> <h2>Contoh Iframe</h2> <iframe src="https://www.youtube.com/embed/VIDEO_ID" width="300" height="200" frameborder="0"> </iframe> </body> </html> {codeBox}$ads={1}
Penjelasan Singkat Tiap Bagian
Agar lebih mudah dipahami, berikut penjelasan singkat dari contoh di atas:
- <head> → berisi judul dan metadata halaman
- <h1> – <h2> → heading atau judul konten
- <p> → paragraf teks
- <ul> & <li> → daftar sederhana
- <table> → menampilkan data terstruktur
- <img> → menampilkan gambar
- <iframe> → memuat konten dari luar
Kenapa Harus Memahami Script HTML Sederhana?
Dengan memahami contoh page HTML sederhana, kamu akan:
- Lebih cepat memahami struktur website
- Mudah lanjut ke CSS dan JavaScript
- Siap membaca kode HTML yang lebih kompleks
- Punya fondasi kuat untuk web development
Semua website modern, sekecil apa pun, selalu berawal dari struktur HTML sederhana.
Contoh Script Page HTML Sederhana Lengkap adalah langkah awal yang tepat untuk memahami cara kerja HTML secara utuh. Dengan satu file HTML, kamu sudah bisa membuat halaman web dasar yang rapi, terstruktur, dan mudah dikembangkan.
Jika kamu sudah memahami artikel ini, kamu siap melanjutkan ke HTML Menengah dan optimasi struktur yang lebih kompleks.