HTML
<html>
<head>
<tittle><center>RPL
Inc</center></tittle>
<style>
</style>
<link
rel="stylesheet" href="css/style.css">
</head>
<body>
<center></center>
<Table border="3"
align="center" width="600px" height="auto"
style="background:#00ff00" >
<tr
height="50px" class="atas">
<td
colspan="3"><center><marquee>Contoh Penggunaan
CSS</marquee></center></td>
</tr>
<tr height="20px" >
<td
colspan="3"><center>
<a
href="index.html">Home</a>
<a
href="index.html">Profil</a>
<a
href="index.html">About</a>
</center></td>
</tr>
<tr
height="450px">
<td>Cascading
Style Sheet atau yang disingkat CSS memungkinkan untuk mendesain (style)
tampilan dokumen (Php dan HTML)
dengan
memisahkan isi dari dokumen HTML dengan kode untuk menampilkannya (CSS).
Didalam
dunia desain web, layout atau mengatur letak web, format huruf,
dan lain
nya yang ada dalam sebuah web menjadi bagian yang amat penting bahkan bisa jadi
yang paling lama dibanding dengan bagain desain web lainnya.
Karena
jika kita membua layout yang salah, maka web kita juga akan salah diterjemahkan
oleh browser.
Hal itu
juga bisa disebabkan karena setiap browser memilliki dukungan bahasa(CSS) yang
berbeda
dan
tentunya default dari browsernya sendiri yang berbeda-beda.
Browser
yang paling rewel soal layout css adalah IE karena kurang dukungannya terhadap
CSS.
Jika
kita memiliki banyak file HTML, kita hanya perlu satu file CSS,
sehingga
ketika kita mengganti jenis huruf pada file CSS maka semua file HTML yang
berhubungan pada file CSS tersebut akan berubah.
CSS
distandarisasi oleh W3C (World Wide Web Consortium). CSS dapat dipasang pada
dikumen HTML yang telah jadi.</td>
<td>Detail</td>
<td>About</td>
</tr>
<tr
id="bawah">
<td
colspan="3"><center>©Jackwan inc</center></td>
</tr>
</table>
</body>
</html>
CSS
body{
/*background-color:#ff99cc;*/
background-image:url('../images/h.jpg');
}
table
{
color:#000
border:2xp solid #fff666;
border radius:5xp;
}
.atas
{/*ini di panggil di html dengan
atribut class*/
background-color:#ffff99;
}
#bawah
{/*ini di panggil di html dengan
atribut id*/
background-color:#00ffff;
}
0 comments:
Post a Comment