Belajar HTML & CSS untuk Pemula
Modul ini akan membantu Anda memahami dasar-dasar pembuatan halaman web dengan HTML dan CSS.
Bab 3: Membuat Halaman Web Sederhana
No image available
Bab 3: Membuat Halaman Web Sederhana
3.1 Struktur HTML
<!DOCTYPE html>
<html>
<head>
<title>Website Sederhana</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Selamat Datang</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Tentang</a></li>
<li><a href="#">Kontak</a></li>
</ul>
</nav>
<section>
<p>Ini adalah contoh halaman web sederhana.</p>
</section>
<footer>
<p>© 2025 Website Saya</p>
</footer>
</body>
</html>
3.2 File CSS (style.css)
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
text-align: center;
}
nav ul {
list-style: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 20px;
}
nav ul li a {
text-decoration: none;
color: blue;
}
Kesimpulan
Setelah menyelesaikan modul ini, Anda telah memahami dasar-dasar HTML dan CSS serta mampu membuat halaman web sederhana. Langkah berikutnya adalah memperdalam pengetahuan dengan mencoba berbagai proyek dan eksplorasi lebih lanjut.
Selamat belajar!