<header>
<h1>Header Utama</h1>
<nav>
<ul>
<li><a href="#tentang">Tentang Kami</a></li>
<li><a href="#layanan">Layanan</a></li>
<li><a href="#kontak">Kontak</a></li>
</ul>
</nav>
</header>
<main>
<section id="tentang">
<h2>Tentang Kami</h2>
<p>Ini adalah bagian tentang kami.</p>
</section>
<section id="layanan">
<h2>Layanan</h2>
<p>Kami menawarkan berbagai layanan yang bermanfaat.</p>
</section>
</main>
<footer>
<p>Hak Cipta © 2024 Contoh</p>
</footer>
5. Validasi Formulir HTML
Validasi formulir HTML memastikan bahwa pengguna memasukkan data yang valid sebelum data dikirimkan ke server. Ini mengurangi jumlah kesalahan dan memastikan data yang diterima oleh server dapat diproses dengan benar. HTML5 menambahkan dukungan bawaan untuk validasi formulir menggunakan atribut required
, pattern
, dan lainnya.
<form action="/submit_form" method="post">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" minlength="8" required><br><br>
<input type="submit" value="Kirim">
</form>
Dengan memahami konsep-konsep ini, Anda dapat membuat halaman web yang lebih dinamis, interaktif, dan semantik. Teruslah eksplorasi dan berlatih dengan HTML untuk mengembangkan keterampilan pengembangan web Anda lebih jauh.
Kesimpulan
HTML adalah bahasa standar yang digunakan untuk membuat struktur dasar dari sebuah halaman web. Dengan menggunakan tag HTML, Anda dapat menentukan elemen-elemen seperti teks, gambar, tautan, tabel, dan banyak lagi yang membentuk konten dari sebuah halaman web. Dengan pemahaman yang baik tentang HTML, Anda dapat membuat halaman web yang menarik dan interaktif untuk pengunjung.