Sekedar Tulisanku: Belajar membuat header web dengan CSS

Pada materi-materi sebelumnya, kita telah membahas tentang html, namun pada materi kita kali ini, kita kedatangan tamu baru yang namanya css...

sebelum saya jelaskan lebih lanjut tentang css, baiknya kita lihat dulu contoh header yang dibuat dari kombinasi html dan css seperti contoh berikut:

Untuk source code html-nya seperti berikut ini:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /><br /><html xmlns="http://www.w3.org/1999/xhtml" lang="en" lang="en"><br /><br /><head><br /><br />  <title>Demo</title><br /><br />  <link type="text/css" rel="stylesheet" href="3_2.css"><br /><br /></head><br /><br /><br /><br /><body><br /><br /><div id="wrapper"><br /><br />  <div id="header"><br /><br />      <div id="header-content"><br /><br />        <div id="menu-top"><br /><br />        Home | Sitemap | RSS | Contact | About Us<br /><br />        </div><br /><br />        <div id="logo"><br /><br />            <img src="UM3D.png" width="50" alt="" /><br /><br />        </div><br /><br />        <div id="site-title"><br /><br />            <h2>TEKNIK ELEKTRO</h2><br /><br />        </div><br /><br />        <div id="search"><br /><br />            Search : <input name="q" size="20" type="text"><br /><br />        </div><br /><br />    </div></div><br /><br />  </div> </body> </html>

Sedangkan source code css-nya(simpan dengan nama 3_2.css) dimana kodenya seperti berikut ini:

Sekedar Tulisanku

Tuesday, March 2, 2010

Belajar membuat header web dengan CSS

No comments:

Post a Comment