Contoh File Css ~ Dee Class Community

Berikut contoh satu file yang berisi perintah-perintah untuk mengatur layout halaman web, file tersebut disimpan dengan nama default.css.
Untuk lebih lengkapnya anda dapat mendowload file tersebut default.css.
File CSS tersebut dapat digunakan untuk mengatur format tampilan halaman web dengan pemanggilan menggunakan Link yaitu :
<link href="default.css" rel="stylesheet" type="text/css" >.
Berikut contoh nya :

<html><br /> <head><br /> <title>welcome my website</title><br /> <link href="default.css" rel="stylesheet" type="text/css" ><br /> </head><br /> <body><br /> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="bg1"><tr> <td valign="top"><table width="740" border="0" align="center" cellpadding="0" cellspacing="0" class="bg2" style="height: 181px; padding-left: 45px;"><tr> <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr> <td width="740"><img src="images/spacer.gif" alt="" width="100" height="80"></td> </tr> <tr> <td class="text3"><div align="left">learning by doing</div></td> </tr> <tr> <td class="text4"><div align="left"></div></td> </tr> <tr> <td class="text4"><img src="images/spacer.gif" alt="" width="100" height="38" ></td> </tr>  <tr> <td valign="middle" class="style1"><div align="left"><a href="#">Home</a>  | <a href="#">profil </a> |  <a href="#">galeri</a>  |  <a href="#">buku tamu </a> | <a href="#"> kontak</a>  | </div></td> </tr> </table></td> </tr> </table></td> </tr> </table><table width="680" border="0" align="center" cellpadding="0" cellspacing="0"><tr> <td><table width="650" border="0" align="center" cellpadding="0" cellspacing="0"><tr valign="top"> <td width="189"><table width="96%" border="0" cellspacing="0" cellpadding="0"><tr> <td class="text2"> </td> </tr> <tr> <td class="text2"> </td> </tr> <tr> <td class="text2">Berita terbaru</td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Materi Kuliah</strong></p></td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Catatanku</strong></p></td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Umum</strong></p></td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Islami</strong></p></td> </tr> <tr> <td> </td> </tr> <tr> <td><p><strong>Seni</strong></p></td> </tr> <tr> <td> </td> </tr> </table></td> <td width="40"> </td> <td width="421"><table width="97%" border="0" cellspacing="0" cellpadding="0"><tr> <td class="text2"> </td> </tr> <tr> <td class="text2"> </td> </tr> <tr> <td class="text2">Selamat datang di website kami</td> </tr> <tr> <td> </td> </tr> <tr> <td valign="top"><p>Terimakasih anda telah bergabung dengan kami, semoga website ini dapat memberikan informasi yang anda butuhkan......</p><p> </p></td> </tr> <tr> <td> </td> </tr> </table></td> </tr> </table></td> </tr> </table><table width="100%" border="0" cellpadding="0" cellspacing="0" class="bg3" style="height: 41px;"><tr> <td><table width="740" border="0" align="center" cellpadding="0" cellspacing="0" style="padding-left: 45px;"><tr> <td class="style1"><a href="#">Home</a>  | <a href="#">profil</a>|  <a href="#">galeri</a>  |  <a href="#">buku tamu </a> | <a href="#">kontak</a>  | </td> </tr> <tr> <td class="style1"> </td> </tr> <tr> <td class="style1"> </td> </tr> </table></td> </tr> </table><table width="740" border="0" align="center" cellpadding="0" cellspacing="0"><tr> <td> </td> </tr> <tr> <td align="center">Copyright © 2010 Jakarta. Designed by Endar Nirmala</td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table><div style="text-align: center; font-size: 0.75em;"></div></body><br /> </html>

Silakan anda mencoba file CSS dengan mengubah nilai atau menambahkan attibut yang lain.

Posted in: Lesson,Semester V,web 1

Sabtu, 08 Oktober 2011

Contoh File Css

0 komentar:

Posting Komentar

Share

menu utama

Popular Posts

Riwayat Pengunjung

Labels

Blog Archive

Blogger templates

lesson schedule

Kritik dan Saran

Dee Class Community

Followers

Information

Visitor