Contoh bagian dari CSS
1. Bagian ini merupakan hasil
generate dari macromedia dreamweaver
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
2. Bagian ini untuk menampilkan
title halaman website
<title>
SMK NEGERI 7
BANDUNG</title>
3. Bagian ini digunakan untuk memanggil
script css yang berada pada folder style
<link rel="stylesheet"
type="text/css"
href="file/tema/edisi_spesial_gambar/css/style.css">
4.
CSS untuk
header nya
<div
id="header">
<div
class="logo">
<img
src='images/home.png' width='130px' alt='Logo sekolah'>( ukuran lebar 130px untuk ukuran gambar logo sekolah)
</div>
<div
class="sekolah">
<h3><a
href="index.php" title="Kembali ke halaman utama">SMK
NEGERI 7 BANDUNG</a></h3><br>
<p>Jl.
Soekarno-Hatta No 596 Bandung
telp (022) 7563077
fax(022) 5303853
info@smkn7bandung.sch.id<br>Telp:
(022)7563077</p></div>
</div>
5.
CSS untuk
kontennya
<div
id="konten">
<div
id="headlineFrame">
<div
id="headline">
<div
id="slides">
<div
class="slides_container">
<div
class="slide">
<a href=""
title=""><img src="images/keputrian.jpg"
width="648" height="280" alt="Slide
1"></a> (maksudnya yaitu
gambar yang berukuran tinggi 648 dan lebarnya 280, di slide 1)
<div
class="caption" style="bottom:0">
<p><b
style="font-size: 14px">5 pilar program pengamalan nilai-nilai
agama dan budaya bangsa</b><br>(ukuran
huruf 14px)
<small
style="color: #fff">Tanggal: 2013-03-24, Oleh: SMK NEGERI 7 BANDUNG</small><br>
1. Sapa Salam
Sapa salam
adalah guru menyapa siswa SMKN 7 Bandung yan<a href=""
style="color: #ffff00">Baca selengkapnya...</a></p>
</div>
</div>
6.
CSS untuk
footer
<div
id="footer">
<div
class="f_kiri">© 2015 SMK
NEGERI 7 BANDUNG. Powered by <a
href="http://schoolhos.com/">Schoolhos Free Opensource
CMS</a></div>
<div
class="f_kanan"><a href="index.php">Home</a>
| <a href="">Psb Online</a> | <a
href="elearningku/">E-learning</a></div>
</div>
<div
class="clear"></div>
</div>
Tidak ada komentar:
Posting Komentar