web comunity
Pages
Home
Kamis, 04 Maret 2010
membuat desain html
><br /><br /><!DOCTYPE html<br />PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br /><head><br /><title>Desain Layout web</title><br /><link rel="stylesheet" href="mod3_1.css" type="text/css" /><br /></head><br /><body><br /><div id="wrapper"><br /><div id="header"><br /><br />Header<br /></div><br /><div id="inner"><br /><div id="sidebar"><br /><br />Sidebar<br /></div><br /><div id="inner2"><br /><div id="top"><br /><br />top<br /></div><br /><div id = "content"><br /><br />Content<br /></div><br /><div id="right"><br /><br />right<br /></div><br /></div><br /></div><br /><div id= "footer"><br /><br />Footer<br /></div><br /></div><br /></body><br /></html><br /><br />
Senin, 01 Maret 2010
membuat halaman web sederhana
><br /><br /><!DOCTYPE html<br />PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />"http://WWW.W3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br /><html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br /><br /><head><br /><title>desain halaman 1</title><br /><link rel="stylesheet" href="mystyle.css" type="text/css"/><br /><br /><style type="text/css"><br /><!--<br />#leftmenu ul {<br />width: 180px;<br />list-style-type:none;<br />padding: 0; margin: 0;<br />}<br />#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active {<br />padding-left: 15px;<br />text-decoration: none;<br /><br />}<br />#leftmenu a {<br />padding: 5px 0px 5px 15px; display:block;<br />background: #F3F4F7 no-repeat left center;<br />margin: 0px 0px 1px; color: 132AD5;<br /><br />}<br />#leftmenu a:hover {<br />background : #5e9711 no-repeat left center; color: #0808A5<br />}<br />--><br /></style><br /><br /></head><br /><br /><body><br /><br /><div id="wrapper"><br /><div id="logo"><br /><img src="2.jpg" border="0" /><br /></div><br /><br /><div id="menu_bar"><br />Home | Site map | RSS | Contact | About us<br /></div><br /><br /><div id="search"><br />search <input type="text"/><br /></div><br /><br /><div id="header"><br /><h2>gerakan anti narkoba</h2><br /></div><br /><br /><div id="inner"><br /><div id="sidebar"><br /><div id="leftmenu"><br /><ul><br /><li><a href="#">Home</a></li><br /><li><a href="#">News & media</a></li><br /><li><a href="#">Tutorial</a></li><br /><li><a href="#">Tip & triks</a></li><br /><li><a href="#">Download</a></li><br /></ul><br /></div><br /></div><br /><br /><div id="top"><br /><img src="1.jpg" border="0" /><br /></div><br /><br /><div id="right"><br />Event<br /><ul><br /><li>seminar anti narkoba</li><br /><li>gerakan anti narkoba</li><br /><li>solusi pada penderita sakaw</li><br /></ul><br /></div><br /><br /><div id="content"><br /><h3>kompetisi Desain WEB</h3><br /><h4>1 februari 2010 [07:00]</h4><br />Memperingati hari anti narkoba sedunia, yang digelar oleh RAMA CORPORATION dalam acara lomba membuat desain web.<br /></div><br /></div><br /><br /><div id="footer" align="center"><br />@ 2010 rama corporation Malang, Indonesia<br /></div><br /><br /></body><br /></html><br /><br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3lC4cfLsv7HnX0gmvotLNlp2sMUMleGHKnIwRaJshCERzwH0UVAUVftN6LwbTHBZOYgKYr8HKvSBOpWctBZ5VqpWBRcm2alc-Ss11bW_jYuZGuS3AwLvdFEgvh9NkpoztQgpki822Sks/s1600-h/untitled.JPG"><img style="cursor: pointer; width: 320px; height: 240px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3lC4cfLsv7HnX0gmvotLNlp2sMUMleGHKnIwRaJshCERzwH0UVAUVftN6LwbTHBZOYgKYr8HKvSBOpWctBZ5VqpWBRcm2alc-Ss11bW_jYuZGuS3AwLvdFEgvh9NkpoztQgpki822Sks/s320/untitled.JPG" alt="" id="BLOGGER_PHOTO_ID_5443709474992596882" border="0" /></a><br />
Selasa, 23 Februari 2010
membuat tabel pada dokumen html
> <br /> <br />Untuk membuat tabel harus diawali dengan tag <table> dan diakhiri dengan tag </table>. baris-baris dalam tabel dibuat dengan diawali tag dan diakhiri tag . Dari dalam baris kemudian dibuat kolom-kolom dengan tag dan diakhiri tag . Untuk header (baris paling atas dari tabel) kolom-kolomnya dibuat denga tag dan . Judul tabel bisa dibuat dengan tag dan . Agar tabel terlihat ada garis-garisnya, perlu ditambahkan atribut <border>, misalnya <table border="1">. <br />Suatu sel bisa diberi background dengan cara <tbody><tr><td background="gambar.jpg">. diberi warna : </td><td bgcolor="#00038d">, diberikan link </td><td><a href="http://www.blogger.com/link.html"><img src="http://www.blogger.com/gambar.gif" border="0" /></a></td>. Sebuah gambar yang utuh dapat disusun atas sel-sel dalam tabel, sehingga bila masing-masing sel diberi link akan diperoleh efek imageMap. Atribut Tabel yang lain <br />Pelurusan horizontal suatu sel : align (left, center, right, justify), ex : </tr><tr align="left">, <td align="left">. <br />Pelurusan vertical suatu sel : valign(top, middle, bottom), ex : </td></tr><tr valign="top">, <td valign="bottom">. <br />Jumlah (n) kolom yang ditempati sebuah sel : rowspan=n, ex : </td><td rowspan="2"> <br />Mematikan kemampuan melipat kata dalam sel : nowrap, ex : </td><td nowrap="nowrap"> <br />Menentukan panjang/lebar suatu sel/kolom : (weight, height), ex : </td><td weight="5" height="10,"> <br /> <br />Contoh : <br /> <br /> <br /> <br /> <br /> <br /> <title>Demo Tabel</title> <br /> <br /> <br /> <br /> <table align="center" border="1" cellpadding="10" cellspacing="0"> <br /><!-- Header --> <br /> <tbody><tr><th colspan="10" width="450">Header</th></tr> <br /> <!--Baris data pertama--> <br /> <tr> <br /> <td width="120" height="400">Left Menu</td> <br /> <td width="12" height="400">Content</td> <br /> <td width="100" height="400">Right Menu</td> <br /> </tr> <br /> <tr><th colspan="10" width="450">Footer</th></tr> <br /> </tbody></table> <br /> <br /> <br /> <br /></td></tr></tbody></table></border> <br /> <br />
Beranda
Langganan:
Postingan (Atom)
