Belajar Layout CSS

Rabu, 03 Maret 2010

Diposting oleh Andhika Aratida P.

CSS dapat dimanfaatkan untuk membuat layout sederhana. Pendekatan yang digunakan adalah linked-CSS dengan memanfaatkan "div" untuk mengatur posisi areanya.
Pada text editor, kita buat file CSS bernama layout.css.

Sedangkan untuk memanfaatkan CSS yang telah dibuat di atas, berikut ini adalah kode html yang menerapkan kode CSS tersebut.

<!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="layout.css"><br /><br /></head><br /><br /><body><br /><br /><div id="wrapper"><br /><br />  <div id="header"><br /><br />    Header<br /><br />  </div><br /><br />  <div id="inner"><br /><br />    <div id="sidebar"><br /><br />      sidebar<br /><br />    </div><br /><br />    <div id="content"><br /><br />      <div id="content-top"><br /><br />        Top Content<br /><br />      </div><br /><br />      <div id="content-main"><br /><br />        Main Content<br /><br />      </div><br /><br />      <div id="content-right"><br /><br />        Right Content<br /><br />      </div><br /><br />    </div><br /><br />  </div><br /><br />  <div id="footer"><br /><br />  Footer<br /><br />  </div><br /><br /></div><br /><br /></body><br /></html>

PTI 478

Ketika Hidup Menjadi Hidup

Mung Mampir Ngombe

Selamat Datang--Welcome--Wellcommen--Ahlan Wasahlan--Sugeng Rawuh