<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>
Langganan:
Postingan (Atom)