tampilkan semua berita

Berita

Kode HTML Web Sekolah Sederhana

Jumat, 13 Oktober 2023

Administrator

Informatika

Dibaca: 263 kali

<!DOCTYPE html>

<html>

<head>

<title>Website Sekolah</title>

<style>

/* CSS untuk mengatur tampilan menu */

ul.menu {

list-style-type: none;

margin: 0;

padding: 0;

background-color: #333;

overflow: hidden;

}

li.menu-item {

float: left;

}

li.menu-item a {

display: block;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

}

li.menu-item a:hover {

background-color: #444;

}

</style>

</head>

<body>

<li class="menu-item"><a href="#beranda">Beranda</a></li>

<li class="menu-item"><a href="#tentang">Tentang Kami</a></li>

<li class="menu-item"><a href="#program">Program</a></li>

<li class="menu-item"><a href="#kontak">Kontak</a></li>

</ul>

<h1>Selamat Datang di Website Sekolah</h1>

<p>Selamat datang di website sekolah kami. Kami menyediakan berbagai program pendidikan berkualitas untuk siswa-siswa kami.</p>

<h2>Tentang Kami</h2>

<p>Kami adalah sekolah yang berkomitmen untuk memberikan pendidikan terbaik kepada siswa kami. Dengan tenaga pengajar yang berkualitas, kami siap membantu siswa mencapai potensi terbaik mereka.</p>

<h2>Program Kami</h2>

<p>Kami menawarkan berbagai program pendidikan, termasuk program sekolah dasar, menengah, dan tinggi. Kami juga memiliki program ekstrakurikuler yang menarik untuk mengembangkan bakat dan minat siswa.</p>

<h2>Kontak Kami</h2>

<p>Jika Anda memiliki pertanyaan atau ingin menghubungi kami, silakan hubungi kami melalui email: info@sekolahkami.com atau telepon: (123) 456-7890.</p>

</body>

</html>