Full Face
Selasa, 22 Februari 2011
Tugas Praktikum modul4
<br /> body { <br /> width: 800px;<br /> border: 2px solid #a68428 <br /> }<br /> header, nav, section, footer {<br /> display: block;<br /> }<br /> header {<br /> height: 100px;<br /> border: none;<br /> background-color: #ebbbae;<br /> background-image: url(121.jpg);<br /> }<br /> atas{<br /> position: relative;<br /> left: 20px;<br /> }<br /> header <br /> #bagian{<br /> float: left;<br /> margin: 10px;<br /> }<br /> nav {<br /> height: 40px;<br /> background-color: #d6a23f;<br /> }<br /> nav <br /> #search{<br /> float : left;<br /> margin: 10px;<br /> }<br /> nav <br /> #box{<br /> position: relative;<br /> top: 10px;<br /> width: auto;<br /> height: auto;<br /> border: 1px solid;<br /> float: left; <br /> }<br /> nav <br /> #kanan{<br /> position: relative;<br /> top: 5px;<br /> width: 400px;<br /> height: 30px;<br /> float: right;<br /> }<br /> #kanan span{<br /> position: relative;<br /> padding:3px 10px 3px 10px;<br /> margin:5px;<br /> top:5px;<br /> }<br /> section {<br /> height: 480px;<br /> }<br /> #article {<br /> float: left;<br /> margin: 10px;<br /> width: 185px;<br /> height: 460px;<br /> background-image: url(cookies.jpg);<br /> border: 5px solid black<br /> }<br /> aside {<br /> float: left;<br /> width: 585px;<br /> height: 450px;<br /> }<br /> aside <br /> #pertama {<br /> border: 0px solid pink;<br /> height:70%;<br /> }<br /> aside <br /> #kedua {<br /> border: 1px solid #f776bc;<br /> height:30%;<br /> background-color:#d6a23f;<br /> margin: 5px;<br /> }<br /> #link {<br /> margin: 10px;<br /> }<br /> footer {<br /> height: 40px;<br /> border: none;<br /> background-color: #d6a23f;<br /> }<br /> footer <br /> #bawah {<br /> position: relatif;<br /> float:right;<br /> margin: 10px;<br /> }<br /> footer <br /> #tengah {<br /> position:relative;<br /> left:300px;<br /> } <br />
<br /> <doctype><br /> <html lang="en"><br /> <br /> <head><br /> <title>homeWork</title><br /> <link rel="stylesheet" href="tprak.css" type="text/css"><br /> </head><br /> <br /> <body><br /> <header><br /> <atas><img src="feel_good.png" align ="left" /><br /> <span id="bagian" align="left"><br /> <span style="color:orange;"><h1>Full Box Brownies</h1><span><br /> </span><br /> </atas><br /> </header><br /> <br /> <nav><br /> <span id="search"><br /> search<br /> </span><br /> <span id="box"><br /> <input type="text"><br /> </span><br /> <div id="kanan"><a href="#"><span>Jendela</span></a><br /> <a href="#"><span>Paling Populer</span></a><br /> <a href="#"><span>Tips</span></a><br /> <a href="#"><span>intip</span></a><br /> </div></nav><br /> <br /> <section><br /> <div id="article"></div><br /> <aside><br /> <div id="pertama"><h2>Tau gag sih???</h2><p>Cokelat dapat menyebabkan timbulnya jerawat.<br /> Para ahli yakin bahwa timbulnya jerawat lebih dipengaruhi oleh <br /> stres dan hormon yang menyebabkan kondisi kulit mengalami berlebihnya <br /> aktivitas jaringan minyak.<br /> <br /> Cokelat menyebabkan obesitas.<br /> Para ahli gizi berpendapat bahwa tidak ada sesuatu makanan pun <br /> yang dapat menyebabkan kegemukan. Berat badan seseorang bertambah <br /> ketika kalori yang masuk ke dalam tubuh lebih besar daripada kalori <br /> yang dibuang/dikeluarkan melalui aktifitas fisik. Penelitian yang <br /> dilakukan pada asupan diet rata-rata di Amerika menunjukkan bahwa <br /> cokelat hanya berkontribusi 0,7 รข€“ 1,0% dari total kalori. Oleh <br /> karena itu, tetap dianjurkan untuk mengontrol jumlah asupan kalori <br /> dan yang terbuang.<br /> </div><br /> <div id="kedua"><span>Coba buka : </span><br /> <div id="link"><a href="#"><li>Resep khas thailand</li></a><br /> <a href="#"><li>Keuntungan cokelat</li></a><br /> <a href="#"><li>Negara penghasil cokelat</li></a><br /> <a href="#"><li>Mandiri dengan cokelat</li></a><br /> </div></div></aside><br /> </section><br /> <br /> <footer><br /> <span id="bawah"><br /> @<br /> <a href = " http://lintul.blogspot.com/">Ika Amalia Rahmawati </a><br /> </span> <br /> Jendela | Paling Populer | Tips | Intip<br /> </span><br /> </footer><br /> </body><br /> </html><br />
Tidak ada komentar:
Posting Komentar
Posting Lebih Baru
Posting Lama
Beranda
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar