Just a little word: Tugas Praktikum (Modul 4)

tuprak.html

<br /> <br /> <DOCTYPE html><br /> <html lang="en"><br /> <br /> <head><br />  <title>tugas rumahku</title><br />  <link rel="stylesheet" href="tuprak.css" type="text/css" /><br /> </head><br /> <br /> <body><br />  <header><br />   <kepala><br />   <img src="gambar/embarrassed.png" /><br />   <br />   <span id="kata"><br />    <font color="purple"><h1>Oret-oretanku</h1><font><br />   </span><br />   </kepala><br />  <br />  </header><br />  <br />  <nav><br />   <span id="search"><br />   search<br />   </span><br />   <br />   <span id="kotak"><br />   <input type="text" /><br />   </span><br />  <div id="kanan"> <a href="#"><span>Home</span></a><br />  <a href="#"><span>About me</span></a> <br />  <a href="#"><span>Note</span></a><br />  <a href="#"><span>Friend</span></a><br />  </div> </nav><br />  <br />  <section><br />   <article><br />   </article><br />   <br />   <aside><br />    <div id="satu">   <h2>Mencintai adalah Keputusan</h2>   <p>   "Aku mencintaimu" adalah ungkapan lain dari, "Aku akan memperhatikan dirimu dan semua situasimu untuk mengetahui apa yang kamu butuhkan untuk tumbuh menjadi lebih baik dan bahagia...<br />    aku akan bekerja keras untuk memfasilitasi dirimu agar bisa tumbuh semaksimal mungkin...<br />    aku akan merawat dengan segenap kasih sayangku proses pertumbuhan dirimu melalui kebajikan harian yang akan kulakukan pada dirimu...<br />    aku juga akan melindungi dirimu dari segala sesuatu yang dapat merusak dirimu dan proses pertumbuhan itu...." <br />    Taruhannya adalah kepercayaan kepada orang yang kita cintai terhadap integritas kepribadian kita. Sekali kamu mengatakan kepada seseorang, "Aku mencintaimu, " <br />    harus kamu buktikan ucapan itu. Itu deklarasi jiwa bukan saja tentang rasa suka dan ketertarikan, <br />    tapi terutama tentang kesiapan dan kemampuan memberi, kesiapan dan kemampuan berkorban, kesiapan dan kemampuan melakukan pekerjaan-pekerjaan cinta: <br />    memperhatikan, menumbuhkan, merawat dan melindungi.<br />    </div>   <div id="dua">    <span>Note : </span><br />     <div id="note">    <a href="#"><li>Alphabet Menuju Sukses</li></a><br />     <a href="#"><li>Cara Dia Memandang Cinta</li></a><br />     <a href="#"><li>Karena Cinta Tak Slalu Berwujud Bunga</li></a><br />     <a href="#"><li>Mencintai adalah Keputusan</li></a><br />     </div>   </div>  </aside><br />   <br />  </section><br />  <br />  <footer><br />  <span id="bawah"><br />  ©<br />  <a href="http://www.facebook.com/septianawindamaulida">Septiana Winda Maulida</a><br />  </span><br />  <span id="tengah">Home | About me | Note | Friend</span><br />  </footer><br /> </body><br /> </html><br />

tuprak.css

<br /> <br /> body {<br />  width: 800px;<br />  border: 2px solid #f776bc<br />  }<br />  <br />  header, nav, section, footer {<br />  display: block;<br />  }<br />  <br />  header {<br />  height: 100px;<br />  border: none;<br />  background-color: #f776bc;<br />  }<br />  <br />   kepala {<br />    position: relative;<br />    left: 20px;<br />   }<br />   <br />   header #kata{<br />    float: left;<br />    margin: 10px;<br />   }<br />  <br />  nav {<br />  height: 40px;<br />  background-color: pink;<br />  }<br />  <br />   nav #search{<br />    float : left;<br />    margin: 10px;<br />   }<br />   <br />   nav #kotak{<br />    position: relative;<br />    top: 10px;<br />    width: auto;<br />    height: auto;<br />    border: 1px solid;<br />    float: left;<br />   }<br />   <br />   nav #kanan{<br />    position: relative;<br />    top: 5px;<br />    width: 400px;<br />    height: 30px;<br />    float: right;<br />   }<br />   <br />   #kanan span{<br />    position: relative;<br />    padding:3px 10px 3px 10px;<br />    margin:5px;<br />    top:5px;<br />   }<br />   <br />  section {<br />  height: 480px;<br />  }<br />  <br />   article {<br />    float: left;<br />    margin: 10px;<br />    width: 185px;<br />    height: 460px;<br />    background-image: url(gambar/24795.gif);<br />   }<br />  <br />   aside {<br />    float: left;<br />    width: 585px;<br />    height: 450px;<br />   }<br />   <br />   aside #satu {<br />    border: 0px solid pink;<br />    height:70%;<br />   }<br />   <br />   aside #dua {<br />    border: 1px solid #f776bc;<br />    height:30%;<br />    background-color:pink;<br />    margin: 5px;<br />   }<br />   <br />   #note {<br />    margin: 10px;<br />   }<br />  <br />  footer {<br />  height: 40px;<br />  border: none;<br />  background-color: #f776bc;<br />  }<br />  <br />  footer #bawah {<br />   position: relatif;<br />   float:right;<br />   margin: 10px;<br />  }<br />  <br />  footer #tengah {<br />   position:relative;<br />   left:300px;<br />  }<br />

Just a little word

Selasa, 22 Februari 2011

Tugas Praktikum (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