Just a little word: Studi Kasus (modul 4)

studi kasus.html

<br /> <br /> <DOCTYPE html><br /> <html lang="en"><br /> <br /> <head><br />  <title>studikasus</title><br />  <link rel="stylesheet" href="studikasus.css" type="text/css" /><br /> </head><br /> <br /> <body><br />  <header><br />  header<br />  </header><br />  <br />  <nav><br />  nav<br />  </nav><br />  <br />  <section><br />   <article><br />   article<br />   </article><br />   <br />   <aside><br />   aside<br />   </aside><br />   <br />  section<br />  </section><br />  <br />  <footer><br />  footer<br />  </footer><br /> </body><br /> </html><br />

studi kasus.css

<br /> <br /> body {<br />  margin: 10px auto;<br />  width: 750px;<br />1  }<br />  <br />  header, nav, section, footer {<br />  display: block;<br />  }<br />  <br />  header {<br />  height: 80px;<br />  border: 2px solid green;<br />  }<br />  <br />  nav {<br />  height: 30px;<br />  border: 2px solid purple;<br />  }<br />  <br />  section {<br />  height: 500px;<br />  border: 2px solid orange;<br />  }<br />  <br />  footer {<br />  height: 20px;<br />  border: 2px solid green;<br />  }<br />  <br />  article {<br />  float: left;<br />  margin: 10px;<br />  width: 500px;<br />  height: 450px;<br />  border: 1px dashed red;<br />  }<br />  <br />  aside {<br />  float: right;<br />  margin: 10px;<br />  width: 200px;<br />  height: 450px;<br />  border: 1px dashed blue;<br />  }<br />

Just a little word

Selasa, 22 Februari 2011

Studi Kasus (modul 4)

Tidak ada komentar:

Posting Komentar

UM Blog Community

Daftar Blog Saya

mari bicara.. :)

Selayang pandang tentang saya

Blog Archive

Labels

dimana mana tetep eksis :D

just me and my lovely

Pengikut