<html>
<head>
<title>Gambar</title>
</head>
<body>
<p>Latihan menambahkan gambar GIF, JPG, dan PNG</h2>
<p>Menampilkan gambar dalam format GIF:</p>
<img src="http://www.igambars.xyz/wp-content/uploads/download-gambar-animasi-bergerak-gif-20150914093709-55f69545ea51b.gif">
<p>Menampilkan gambar dalam format JPG:</p>
<img src="http://narutoeverlast.faa.im/files/naruto-rikodo-sasuke.jpg">
<p>Menampilkan gambar dalam format PNG:</p>
<img src="http://orig05.deviantart.net/0255/f/2013/264/9/2/naruto_render_03_by_ivan_otaku-d6nafbm.png">
</body>
</html>
Minggu, 30 Oktober 2016
Minggu, 09 Oktober 2016
ULANGAN
<!DOCTYPE html>
<head>
<title>left colour </title>
</head>
<body>
<form id="forml"name="forml"method="post"action="">
<table width="800"height="447"border="1"align="center"cellspacing="1">
<tr>
<th width="160"rowspan="3"valign="top"bgcolor="#FFFF00"><p>menu</p>
<p>profil sekolah</p>
<p>galery foto</p>
<p>kegiatan</p>
<p>hubungi kami</p></th>
<th width="627"height="23"align="center"bgcolor=#FF8C00"><strong><font color="#CCCCCC"size="+4">WEB SEKOLAH KITA
</font></strong></th>
</tr>
<tr>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p> :</p>
<p>ISI DARI HALAMAN WEB
<p>Fenny Kurniawati</p>
<p>Rancah,Jelok,Cpg,Byl</p>
<p>Boyolali,05 Mei 2001</p>
</p></td>
</tr>
<tr>
<td height="30"align="center"bgcolor="#FF8C00">
<font size="+2">copyright©sekolahkita.com</font></td>
</tr>
</table>
</form>
</body>
<head>
<title>left colour </title>
</head>
<body>
<form id="forml"name="forml"method="post"action="">
<table width="800"height="447"border="1"align="center"cellspacing="1">
<tr>
<th width="160"rowspan="3"valign="top"bgcolor="#FFFF00"><p>menu</p>
<p>profil sekolah</p>
<p>galery foto</p>
<p>kegiatan</p>
<p>hubungi kami</p></th>
<th width="627"height="23"align="center"bgcolor=#FF8C00"><strong><font color="#CCCCCC"size="+4">WEB SEKOLAH KITA
</font></strong></th>
</tr>
<tr>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p> :</p>
<p>ISI DARI HALAMAN WEB
<p>Fenny Kurniawati</p>
<p>Rancah,Jelok,Cpg,Byl</p>
<p>Boyolali,05 Mei 2001</p>
</p></td>
</tr>
<tr>
<td height="30"align="center"bgcolor="#FF8C00">
<font size="+2">copyright©sekolahkita.com</font></td>
</tr>
</table>
</form>
</body>
web sekolah kita
<!DECOTYPE html>
<head>
<title>Left colour</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="447" border="1" align="center"cellspacing="1">
<tr>
<th width="160"rowspan="3"valign="top"bgcolor="#993366"><p>Menu,/p>
<p>Profil Sekolah</p>
<p>Galery Foto</p>
<p>Kegiatan</p.
<p>Hubungi Kami</p></th>
<th width="627"height="23"align="center"bgcolor="#FFFF99"><strong><font color="#CCCCCC"size="+4">WEB SEKOLAH KITA
</tr>
<tr>
<td height="176" align="center"valign="top"bgcolor="#FFFF99"><p> </p>
<p>ISI DARI HALAMAN WEB
</p></td>
</tr>
<tr>
<td height="30"align="center"bgcolor="#FFFF99"><font size="+2">Copyright©sekolahkita.com
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Left colour</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="447" border="1" align="center"cellspacing="1">
<tr>
<th width="160"rowspan="3"valign="top"bgcolor="#993366"><p>Menu,/p>
<p>Profil Sekolah</p>
<p>Galery Foto</p>
<p>Kegiatan</p.
<p>Hubungi Kami</p></th>
<th width="627"height="23"align="center"bgcolor="#FFFF99"><strong><font color="#CCCCCC"size="+4">WEB SEKOLAH KITA
</tr>
<tr>
<td height="176" align="center"valign="top"bgcolor="#FFFF99"><p> </p>
<p>ISI DARI HALAMAN WEB
</p></td>
</tr>
<tr>
<td height="30"align="center"bgcolor="#FFFF99"><font size="+2">Copyright©sekolahkita.com
</tr>
</table>
</form>
</body>
</html>
layout splite pada anatomi halaman web
<!DECOTYPE html>
<head>
<title>Layout Split</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="1" align="center">
<tr>
<td width="15%" rowspan="2" align="center" bgcolor="#99CC99"><strong>Daftar Isi</strong></td>
<td width="67%" height="23" align="center" bgcolor="#FFCCFF"><font size="+3"><strong>Banner/Judul</strong></font></td>
<td width="18%" rowspan="2" align="center" bgcolor="#99CC99"><strong>Daftar Isi</strong></td>
</tr>
<tr>
<td height="456" align="center" bgcolor="#CCCCCC">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#990033">Body atau contents(isi)</font></p></td>
</tr>
<tr bgcolor="#FF99FF">
<td height="23" colspan="3" align="center">Lain-lain</td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Layout Split</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="1" align="center">
<tr>
<td width="15%" rowspan="2" align="center" bgcolor="#99CC99"><strong>Daftar Isi</strong></td>
<td width="67%" height="23" align="center" bgcolor="#FFCCFF"><font size="+3"><strong>Banner/Judul</strong></font></td>
<td width="18%" rowspan="2" align="center" bgcolor="#99CC99"><strong>Daftar Isi</strong></td>
</tr>
<tr>
<td height="456" align="center" bgcolor="#CCCCCC">
<p>Body atau contents(isi)</p>
<p><font color="#006600">Body atau contents(isi)</font></p>
<p><font color="#CC0000">Body atau contents(isi)</font></p>
<p><font color="#FFFF00">Body atau contents(isi)</font></p>
<p><font color="#990033">Body atau contents(isi)</font></p></td>
</tr>
<tr bgcolor="#FF99FF">
<td height="23" colspan="3" align="center">Lain-lain</td>
</tr>
</table>
</form>
</body>
</html>
alternating index pada anatomi halaman web
<!DECOTYPE html>
<head>
<title>Alternating Index</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="738" border="1" align="center">
<tr>
<td height="248" align="center" bgcolor="#FF66CC"><font size="+1"><strong>Teks/Daftar isi</strong></font>
</td>
<td align="center" bgcolor="#FFFFCC"><font color="#000066" size="+7"><strong><em>Gambar</em></strong>
</font></td>
</tr>
<tr>
<td height="261" align="center" bgcolor="#FFFF99"><font color="#CC0000" size="+7"><strong><em>Gambar</em>
</strong></font><font size="+7"><em></em></font></td>
<td align="center" bgcolor="#FF66CC"><font size="1"><strong>Teks/Daftar isi</strong></font></td>
</tr>
<tr bgcolor="#996666">
<td height="150" colspan="2" align="center"><font color="#FFFFFF"><strong><font size="+1">Lain-lain</font>
</strong></td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Alternating Index</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="738" border="1" align="center">
<tr>
<td height="248" align="center" bgcolor="#FF66CC"><font size="+1"><strong>Teks/Daftar isi</strong></font>
</td>
<td align="center" bgcolor="#FFFFCC"><font color="#000066" size="+7"><strong><em>Gambar</em></strong>
</font></td>
</tr>
<tr>
<td height="261" align="center" bgcolor="#FFFF99"><font color="#CC0000" size="+7"><strong><em>Gambar</em>
</strong></font><font size="+7"><em></em></font></td>
<td align="center" bgcolor="#FF66CC"><font size="1"><strong>Teks/Daftar isi</strong></font></td>
</tr>
<tr bgcolor="#996666">
<td height="150" colspan="2" align="center"><font color="#FFFFFF"><strong><font size="+1">Lain-lain</font>
</strong></td>
</tr>
</table>
</form>
</body>
</html>
cara cepat membuat tabel bersarang
<html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="orange">
<tr>
<td height=10% width=60%><table border=0 align="center">
<tr>
<td bgcolor="yellow" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="white"><font color="blue">Fenny kurniawati</font></td>
<td bgcolor="white" width><font color=blue>Fenny</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="orange">
<tr>
<td height=10% width=60%><table border=0 align="center">
<tr>
<td bgcolor="yellow" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="white"><font color="blue">Fenny kurniawati</font></td>
<td bgcolor="white" width><font color=blue>Fenny</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Minggu, 02 Oktober 2016
LEFT INDEX
<!DOCTYPE html>
<head>
<title>left colour</title>
</head>
<body>
<form id="forml"name="forml"method="post"action="">
<table width="800"height="447"border="1" align="center"cellspacing="1">
<tr>
<th width="160"rowspan="3"valign="top"bgcolor="#993366"><p>home</p>
<p>profile</p>
<p>about us</p>
<p>blog</p>
<p>contact us</p></th>
<th width="627"height="23"align="center'bgcolor="#FFFF99"><strong><font color="#CCCCCC" size="+4">electronic shop</font></strong></th>
</tr>
<tr>
<td height="176"align="center"valign="top"bgcolor="#FFFF99"><p> </p>
<p>selamat datang di web kami,penjualan produk online ini adalah yang pertama di kota kami.kualitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.
</p></td>
</tr>
<tr>
<td heigh="30"align="center"bgcolor="#FFFF99">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>left colour</title>
</head>
<body>
<form id="forml"name="forml"method="post"action="">
<table width="800"height="447"border="1" align="center"cellspacing="1">
<tr>
<th width="160"rowspan="3"valign="top"bgcolor="#993366"><p>home</p>
<p>profile</p>
<p>about us</p>
<p>blog</p>
<p>contact us</p></th>
<th width="627"height="23"align="center'bgcolor="#FFFF99"><strong><font color="#CCCCCC" size="+4">electronic shop</font></strong></th>
</tr>
<tr>
<td height="176"align="center"valign="top"bgcolor="#FFFF99"><p> </p>
<p>selamat datang di web kami,penjualan produk online ini adalah yang pertama di kota kami.kualitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.
</p></td>
</tr>
<tr>
<td heigh="30"align="center"bgcolor="#FFFF99">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>
buttom index
<!DOCTYPE html>
<head>
<title>top index</title>
</head>
<body>
<form id="for,l"name="forml"method="post"action="">
<table width="800" height="542"border="1"align="center">
>tr>
<tdheight="23"align="center"bordercolor="#FFFFFF" bgcolor="#FFFF00"<srong><font size="+5">banner/judul</font></strong></td>
</tr>
<tr>
<td height="457"align="center"bgcolor="#CCCCCC">
<p>body atau contents (isi)</p>
<p><font color="#006600">body atau contents (isi) </font></p>
<p><font color="#CC0000">body atau contents(isi)</font></p>
<p><font color="#FFFF00">body atau bcontents(isi)</font></p>
<p><font color="#990033">body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23"align="center"bgcolor="#CCFF99"><font color="#FF0000"><strong><font size="+2">daftar isi atau navigasi</font></strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table></form>
</body>
</html>
<head>
<title>top index</title>
</head>
<body>
<form id="for,l"name="forml"method="post"action="">
<table width="800" height="542"border="1"align="center">
>tr>
<tdheight="23"align="center"bordercolor="#FFFFFF" bgcolor="#FFFF00"<srong><font size="+5">banner/judul</font></strong></td>
</tr>
<tr>
<td height="457"align="center"bgcolor="#CCCCCC">
<p>body atau contents (isi)</p>
<p><font color="#006600">body atau contents (isi) </font></p>
<p><font color="#CC0000">body atau contents(isi)</font></p>
<p><font color="#FFFF00">body atau bcontents(isi)</font></p>
<p><font color="#990033">body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23"align="center"bgcolor="#CCFF99"><font color="#FF0000"><strong><font size="+2">daftar isi atau navigasi</font></strong></font><font color="#9966CC" size="+2"> </font></td>
</tr>
</table></form>
</body>
</html>
TOP INDEX
<!DOCTYPE html>
<head>
<title>top index</title>
</head>
<body>
<form id="forml"name="forml"method="post"action="">
<table width="800" height="542"border="1"align="center">
<tr>
<td height="23"align="center"bordercolor="#FFFFFF"bgcolor="#FFFF00"><strong><font size="+5">banner atau iklan</font></strong></td>
</tr>
<tr>
<td height="27"align="center" bgcolor="#FFCCCC"><font color="#FF0000">daftar isi atau navigasi</font></td>
</tr>
<tr>
<td height="457"align="center"bgcolor="#FF66CC">
<p>body atau contents(isi)</p>
<p><font color="#006600">body atau contents(isi)</font></p>
<p><font color="#CC0000">body atau contents (isi)</font></p>
<p><font color="#FFFF00">body atau contents(isi)</font></p>
<p><font color="#FF6633">body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23"align="center"bgcolor="#CCFF99"><font color="#9966CC">info tambahan atau lain-lain</font></td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>top index</title>
</head>
<body>
<form id="forml"name="forml"method="post"action="">
<table width="800" height="542"border="1"align="center">
<tr>
<td height="23"align="center"bordercolor="#FFFFFF"bgcolor="#FFFF00"><strong><font size="+5">banner atau iklan</font></strong></td>
</tr>
<tr>
<td height="27"align="center" bgcolor="#FFCCCC"><font color="#FF0000">daftar isi atau navigasi</font></td>
</tr>
<tr>
<p>body atau contents(isi)</p>
<p><font color="#006600">body atau contents(isi)</font></p>
<p><font color="#CC0000">body atau contents (isi)</font></p>
<p><font color="#FFFF00">body atau contents(isi)</font></p>
<p><font color="#FF6633">body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23"align="center"bgcolor="#CCFF99"><font color="#9966CC">info tambahan atau lain-lain</font></td>
</tr>
</table>
</form>
</body>
</html>
tabel didalam tabel 3
<html>
<head><title>table bersarang</title>
</head>
<body>
<table border="1">
<tr>
<td><b>Description</b></td>
<td><b>Qty</b></td>
<td align="right"><b>Price</b></td>
<td><b>Email account note</b></td>
</tr>
<td>Email account</td>
<td align="right">10</td>
<td align="right">$9.990</td>
<td rowspan=5>
<table border="1">
<tr>
<td>Mailbox</td>
<td>10GB</td>
</tr>
<tr>
<td>webmail</td>
<td>yes</td>
</tr>
<tr>
<td>pop3</td>
<td>yes</td>
</tr>
<tr>
<td>imap</td>
<td>yes</td>
</tr>
<tr>
<td>anti-spam</td>
<td>yes</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>FYIcenter.com Ad</td>
<td align="right">1</td>
<td align="right">$99.00</td>
</tr>
<tr>
<td>1-year access</td>
<td align="right">1</td>
<td align="right">199.00</td>
</tr>
<tr>
<td colspan=2 align="right">shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
<td colspan=2 align="right">tax</td>
<td align="right">$15.99</td>
</tr>
</table>
</body>
</html>
<head><title>table bersarang</title>
</head>
<body>
<table border="1">
<tr>
<td><b>Description</b></td>
<td><b>Qty</b></td>
<td align="right"><b>Price</b></td>
<td><b>Email account note</b></td>
</tr>
<td>Email account</td>
<td align="right">10</td>
<td align="right">$9.990</td>
<td rowspan=5>
<table border="1">
<tr>
<td>Mailbox</td>
<td>10GB</td>
</tr>
<tr>
<td>webmail</td>
<td>yes</td>
</tr>
<tr>
<td>pop3</td>
<td>yes</td>
</tr>
<tr>
<td>imap</td>
<td>yes</td>
</tr>
<tr>
<td>anti-spam</td>
<td>yes</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>FYIcenter.com Ad</td>
<td align="right">1</td>
<td align="right">$99.00</td>
</tr>
<tr>
<td>1-year access</td>
<td align="right">1</td>
<td align="right">199.00</td>
</tr>
<tr>
<td colspan=2 align="right">shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
<td colspan=2 align="right">tax</td>
<td align="right">$15.99</td>
</tr>
</table>
</body>
</html>
tabel didalam tabel 4
<html>
<table height="550" width="400" bgcolor="red">
<tr>
<td><table width="350" align="center" bgcolor="orange">table > tr > td
</tr>
<tr>
<td valign="top" height="40">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="60">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="80">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td ><table>table > tr > td </td>
<tr>
<td valign="top" width="90" bgcolor="#89F0FF">td</td>
<td valign="top" width="150" bgcolor="#89F0FF"><table bgcolor="#FF701A">td
</tr>
<tr>
<td width="130">table > tr > td </td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
</table></td>
<td valign="top" width="90" bgcolor="#89F0FF">td</table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange"></table></td>
</table></td>
</tr>
<tr>
<td><table width="355" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="40" cellspacing="15">table > tr > td</td></table></td>
</tr>
</table>
</html>
<table height="550" width="400" bgcolor="red">
<tr>
<td><table width="350" align="center" bgcolor="orange">table > tr > td
</tr>
<tr>
<td valign="top" height="40">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="60">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="80">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange">
</tr>
<tr>
<td ><table>table > tr > td </td>
<tr>
<td valign="top" width="90" bgcolor="#89F0FF">td</td>
<td valign="top" width="150" bgcolor="#89F0FF"><table bgcolor="#FF701A">td
</tr>
<tr>
<td width="130">table > tr > td </td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
<tr>
<td bgcolor="#F9E4B2">td</td>
</tr>
</table></td>
<td valign="top" width="90" bgcolor="#89F0FF">td</table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="orange"></table></td>
</table></td>
</tr>
<tr>
<td><table width="355" align="center" bgcolor="orange">
</tr>
<tr>
<td valign="top" height="40" cellspacing="15">table > tr > td</td></table></td>
</tr>
</table>
</html>
Langganan:
Postingan (Atom)