Membuat layout dengan CSS
|
Kamis, 03 Maret 2016
Assalamualaikum Wr.WbHari ini saya sedang membuat website sekolah. Tetapi website ini masih belum selesai masih ada lanjutannya, hehehe.
Berikut adalah syntaxnya :
<html>
<head>
<style>
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
li {
float: left;
border-right: 1px solid #bbb;
}
li:last-child {
border-right: none;
}
li a {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="header">
<marquee><h1>Selamat Datang di Website Kami</h1></marquee>
</div>
<ul>
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<ul style="float: right;list-style-type: none;">
<li><a class="active" href="#about">About</a></li>
<li><a href="#login">Login</a></li>
</ul>
</ul>
<div id="section">
<center><h2>SMP NEGERI 6 YOGYAKARTA</h2></center>
<p>Latar Belakang Sejarah SMP 6 yogyakarta</p>
<p>Bangunan SLTP 6 Yogyakarta dahulu merupakan banguna HIS ( Hollandsche Indlandsche School).Sekolah tersebut didirikan pada tahun 1915 atas usulan Budi Utomo, yang menginginkan adanya kemajuan kebudayaan dan pendidikan bagi kaum bumi putera. Hal terswebut dikemukakan pada waktu Budi Utomo melaksanakan Kongres I (pertama) pada tanggal 3-5 Oktober 1908 di gedung Kweekschool, Jetis, Yogyakarta.Usulan itu dimunculkan sebagai respon adanya Politik Etika Belanda yang mulai dijalankan Pemerintah Hindia Belanda sejak tahun 1907. Keberadaan HIS di Jetis merupakan salah satu Sekolah Kelas I negeri di Yogyakarta yang sudah diajarkan bahasa Belanda dengan lama pendidikan selama 7 tahun. Sekolah sejenis HIS di Yogyakarta lainnya antara lain : HIS Pujokusuman, Keputran, Muhammadiyah, Yayasan Netral dan Zending. Perlu diketahui, bahwa wilayah sekitar Jetis merupakan salah satu kawasan tempat pengembangan fasilitas pendidikan masa colonial untuk Yogyakarta bagian Utara. Bangunan-bangunan sekolah lainnya yang didirikan di Jetis antara lain : Kweekschool (sekarang SMU 11), Sekolah latihan guru ( sekarang SD Jetisharjo), dan Princess Juliana School (sekarang STM). Pada masa pendudukan Jepang , bangunan HIS dipergunakan untuk Sekolah Rakyat. Perubahan nama tersebut juga dialami sekolah-sekolah dan lembaga-lembaga lainnya yang menggunakan nama berbahasa Belanda.
Pada masa perang kemerdekaan II (Clash II), ketika Belanda menduduki Ibu Kota Republik Indonesia antara tahun 1948 sampai dengan 1949, bangunan HIS dipakai sebagai salah satu markas belanda Setelah Yogya Kembali atau pengakuan kedaulatan Republik Indonesia oleh Belanda tahun 1949, bangunan tersebut dipergunakan lagi untuk fasilitas pendidikan.Pada tahun 1950-an bangunan tersebut dipergunakan untuk SGA (Sekolah Guru A) sampai dengan tahun 1962. Mulai tahun 1962 sampai dengan sekarang bangunan tersebut dipergunakan untuk bangunan SLTP 6 Yogyakarta (merupakan gabungan dari SGB Melati, SGB Imogiri, dan SGB I Jetis, Yogyakarta yang berdiri pada tanggal 1 Agustus 1960), kemudian SGA menempati bangunan bekas SGB I. </p>
</div>
<div id="footer">
Copyright © W3Schools.com
</div>
</body>
</html>
Dibawah ini adalah hasil dari syntax diatas.
Sudah dulu yaa, Mohon maaf kalau web saya terlalu jelek :) Soalnya ini masih sederhana
Wassalamualikum Wr.Wb edit
Tidak ada komentar:
Posting Komentar