<!DECOTYPE html>
<head>
<title>Web Personal</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font
size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p>Audio</p></th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF"
rowspan="2">
<p><audio controls><source src="Audio/Suara001.mp3"
type="audio/mp3"></audio></p>
<p><audio controls><source src="Audio/Suara001.ogg"
type="audio/ogg"></audio></p>
<p><audio controls><source src="Audio/Suara001.wav"
type="audio/wav"></audio></p></td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00"
colspan="2"><strong><font size="+3">Copyright©istiani-
tkj1.co.id</strong></font><font color="#9966CC"
size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
Minggu, 13 November 2016
cara membuat link gambar di dalam HTML
<!DECOTYPE html>
<head>
<title>WEB PERSONAL</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font
size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p>Home</p>
<p>About</p>
<p>Galeri Foto</p>
<p>Galeri Audio</p>
<p>Galeri Video</p></th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF"
rowspan="2">
<p><img src="14695341_350889505247361_329968208989308754_n.jpg"
width="356" height="356"><p></td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00"
colspan="2"><strong><font
size="+3">Copyright©fennykurniawati.co.id</strong></font><font
color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>WEB PERSONAL</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="512" border="0" align="center" cellspacing="0">
<tr>
<td height="23" align="center" bgcolor="#FF8C00"colspan="2"><strong><font
size="+4">Web Personal</font></strong></td>
</tr>
<tr>
<th width="152" rowspan="2" valign="top" align="left" bgcolor="#FFFF00">
<p>Home</p>
<p>About</p>
<p>Galeri Foto</p>
<p>Galeri Audio</p>
<p>Galeri Video</p></th>
<tr>
<td height="456" align="center" valign="top" bgcolor="#FFFFFF"
rowspan="2">
<p><img src="14695341_350889505247361_329968208989308754_n.jpg"
width="356" height="356"><p></td>
</tr>
<tr>
<td height="15" align="center" bgcolor="#FF8C00"
colspan="2"><strong><font
size="+3">Copyright©fennykurniawati.co.id</strong></font><font
color="#9966CC" size="+2"> </font></td>
</tr>
</table>
</form>
</body>
</html>
cara membuat link dalam HTML
<!DOCTYPE html>
<head>
<title>Left Color</title>
</head>
<body>
<form id="forml" name="forml" method="post"action="">
<table width="800" height="447"align="center"cellspacing="0">
<tr>
<th width="627" height="23"colspan="2"
align="center"bgcolor="#FF800"><strong><font color="#000000"size="+4">
WEB PRIBADI FENNY KURNIAWATI</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="1.html">Home</a><br/></p>
<p><a href="2.html">About</a><br/></p>
<p><a href="3.html">Galeri Foto</a><br/></p>
<p><a href="4.html">Galeri Audio</a><br/></p>
<p><a href="15.html">Galeri Video</a><br/></p></th>
<td
height="176"align="center"valign="top"bgcolor="#FFFFFF"><p> </p>
<p>SELAMAT DATANG DI WEB SAYA</p>
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font
size="+2">Copyright ©fennykurniawati.co.id</td>
</tr>
</table>
</form>
</body>
</html>
<head>
<title>Left Color</title>
</head>
<body>
<form id="forml" name="forml" method="post"action="">
<table width="800" height="447"align="center"cellspacing="0">
<tr>
<th width="627" height="23"colspan="2"
align="center"bgcolor="#FF800"><strong><font color="#000000"size="+4">
WEB PRIBADI FENNY KURNIAWATI</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="1.html">Home</a><br/></p>
<p><a href="2.html">About</a><br/></p>
<p><a href="3.html">Galeri Foto</a><br/></p>
<p><a href="4.html">Galeri Audio</a><br/></p>
<p><a href="15.html">Galeri Video</a><br/></p></th>
<td
height="176"align="center"valign="top"bgcolor="#FFFFFF"><p> </p>
<p>SELAMAT DATANG DI WEB SAYA</p>
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font
size="+2">Copyright ©fennykurniawati.co.id</td>
</tr>
</table>
</form>
</body>
</html>
cara membuat animasi gif.jpg,png dalam HTML
<html>
<head>
<title>Gambar</title>
</head>
<body>
<p>Latihan menambahkan gambar GIF, JPG, dan PNG</h2>
<p>Menampilkan gambar dalam format GIF:</p>
<u>gambar yang diperkecil(100x150 pixel) :</u><br/>
<img src="http://gambar-kata.com/wp-content/uploads/2013/10/gambar-dp-
bbm-bergerak.gif"width="100" height="150"/>
<u>gambar yang diperkecil(100x150 pixel) :</u><br/>
<p>Menampilkan gambar dalam format JPG:</p>
<img src="http://1.bp.blogspot.com/-
Nv9BNNAdFcY/UMQlQx7q59I/AAAAAAAAAkE/6ZlZ1V-
jJXE/s1600/gambar-doraemon-lucu.jpg"width="100" height="150"/>
<u>gambar yang diperkecil(100x150 pixel) :</u><br/>
<p>Menampilkan gambar dalam format PNG:</p>
<img src="http://www.igambars.xyz/wp-content/uploads/2015/11/Gambar-
Doraemon-Background-Transparan.png"width="100" height="150"/>
</body>
</html>
<head>
<title>Gambar</title>
</head>
<body>
<p>Latihan menambahkan gambar GIF, JPG, dan PNG</h2>
<p>Menampilkan gambar dalam format GIF:</p>
<u>gambar yang diperkecil(100x150 pixel) :</u><br/>
<img src="http://gambar-kata.com/wp-content/uploads/2013/10/gambar-dp-
bbm-bergerak.gif"width="100" height="150"/>
<u>gambar yang diperkecil(100x150 pixel) :</u><br/>
<p>Menampilkan gambar dalam format JPG:</p>
<img src="http://1.bp.blogspot.com/-
Nv9BNNAdFcY/UMQlQx7q59I/AAAAAAAAAkE/6ZlZ1V-
jJXE/s1600/gambar-doraemon-lucu.jpg"width="100" height="150"/>
<u>gambar yang diperkecil(100x150 pixel) :</u><br/>
<p>Menampilkan gambar dalam format PNG:</p>
<img src="http://www.igambars.xyz/wp-content/uploads/2015/11/Gambar-
Doraemon-Background-Transparan.png"width="100" height="150"/>
</body>
</html>
Minggu, 30 Oktober 2016
Latihan Menambahkan Gambar GIF,JPG, Dan PNG
<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>
<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, 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>
<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>
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>
Senin, 26 September 2016
tabel cellspacing
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10"
cellpecing="10">
<td>
sel berikutnya yang satu ini memiliki tabek kecil di dalamnya, tabel di dalam tabel.
</td>
<td> <table border="3" cellpadding="3"
cellpacing="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
</tr>
</table></td>
</table>
</body> <td>tabel ke 2</td>
<td>tabel ke 2</td>
</html>
tabel bersarang
<html>
<head>
<title>tabel bersarang</title>
</head>
<body>
<table border=1>
<tr>
<td>
<table border=1>
<tr>
<td>kolom 1 baris 1</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table></body>
</html>
<head>
<title>tabel bersarang</title>
</head>
<body>
<table border=1>
<tr>
<td>
<table border=1>
<tr>
<td>kolom 1 baris 1</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</td>
<td>kolom 2 baris 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table></body>
</html>
Minggu, 25 September 2016
tabel dalam tabel
<html>
<head>
<title>table didalam tabel</title>
</head>
<body>
<table border=1 bgcolor>
<tr>
<td rowspan=2>
<table border=1>
<tr>
<td>table dalam tabel</td>
</tr>
</table>
</td>
<td rowspan=2>
<table border=1>
<tr>
<td>table dalam tabel</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</body>
</html>
<head>
<title>table didalam tabel</title>
</head>
<body>
<table border=1 bgcolor>
<tr>
<td rowspan=2>
<table border=1>
<tr>
<td>table dalam tabel</td>
</tr>
</table>
</td>
<td rowspan=2>
<table border=1>
<tr>
<td>table dalam tabel</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</body>
</html>
Minggu, 04 September 2016
table dengan colspan
<html>
<head>
<title>Tabel dengan colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">perumahan</th>
<th colspan="4"scope="col">Tipe / Luas
tanah (m<sup>2</sup>) </th>
</tr>
<tr>
<td>Griya Indah permai </td>
<td>21/60</td>
<td>36/90</td>
<td>45/120</td>
<td>54/120</td>
</tr>
</table>
</body>
</html>
<head>
<title>Tabel dengan colspan</title>
</head>
<body>
<table width="500" border="1">
<tr>
<th scope="col">perumahan</th>
<th colspan="4"scope="col">Tipe / Luas
tanah (m<sup>2</sup>) </th>
</tr>
<tr>
<td>Griya Indah permai </td>
<td>21/60</td>
<td>36/90</td>
<td>45/120</td>
<td>54/120</td>
</tr>
</table>
</body>
</html>
tabel dengan rowspan
<head>
<title>tabel Dengan Rowspan</title>
</head>
<body>
<table width="500" border ="1">
<tr>
<th scope="col">Name Perumahan </th>
<th scope="col">Tipe / Luas tanah
(m<sup>2</sup>)</th>
</tr>
<tr>
<td rowspan ="4">Griya Indah Peremai</td>
<td>21 /60 </td>
</tr>
<tr>
<td>36 / 90 </td>
</tr>
<tr>
<td>45 / 120 </td>
</tr>
<td>54 /120 </td>
</tr>
</table>
</body>
</html>
<title>tabel Dengan Rowspan</title>
</head>
<body>
<table width="500" border ="1">
<tr>
<th scope="col">Name Perumahan </th>
<th scope="col">Tipe / Luas tanah
(m<sup>2</sup>)</th>
</tr>
<tr>
<td rowspan ="4">Griya Indah Peremai</td>
<td>21 /60 </td>
</tr>
<tr>
<td>36 / 90 </td>
</tr>
<tr>
<td>45 / 120 </td>
</tr>
<td>54 /120 </td>
</tr>
</table>
</body>
</html>
Rabu, 31 Agustus 2016
pemrograman dasar
Pemrograman Dasar
MENGENAL TIPE DATA
Dalam membuat algoritma,algoritma yang menjadi cetak biru alir program yang kelak akan dikonersikan ke dalam sebuah kode bahasa pemrograman pasti akan membutuhkan tipe data. Tipe data adalah sebuah karkter atau jenis dari objek yang dimiliki jangkauan nilai memori dalam computer. Pemanggilan tipe data igunakan intuk memanpulasi sebuah objek yang diawali oleh variable dan konstanta. Variabel adalah nama bentuk yang dibuat oleh pemrograman dengan ketentuan:
· Diawali dengan karakter bukan angka numeric
· Dapat berupa gabungan antara karakter dan angka numeric
· Tidak boleh menggunakan spasi
Variabel dan konstanta adalah sama, tetapi yang membedakan adalah nilai konstanta bersifat tetap karena telah dideklarasi pada bagian header program. Variable bersifat dinamis karena bisa berubah ubah sesuai input pengguna.Berikut dua jenis tipe data,
1.Tipe Data Sederhana (Predefined Data Type)
a. Jenis bilangan bulat
Karakteristik utama bilangan bulat adalah nilai numeric yang tidak mengandung pecahan decimal, seperti “12,10,dan 13”. Setiap tipe data yang termasuk jenis bilangan bulat memiliki kapasitas penyimpanan memori computer sehingga sangat berpengaruh terhadap jangkauan nilai yang dapat digunakan. Sebagai contoh,tipe data byte membutuhkan kapasitas memori sebesa 1 byte,dimana 1 byte=8 bit memori. Setelah dilakukan konversi biner ke decimal,8 bit memori=225 desimal. Tipe data byte memiliki jangkauan (range)data maksimal 225 desimal. Table di bawah menunjukkan daftar tipe data jenis bilangan bulat.
Tipe Data
|
Memori
|
Jangkauan(Range)
|
Byte
|
Unsigned 8 bit
|
0…225
|
Shortint
|
Signed 8 bit
|
-128…127
|
Word
|
Unsigned 16 bit
|
0…65535
|
Integer
|
Signed 16 bit
|
-32768…32767
|
Longint
|
Signed 32 bit
|
-2147483648…2147483648
|
b. Jenis bilangan real
Ciri khas bilangan real adalah “bilangan yang dapat mengandung nilai pecahan dalam decimal.” Sebagai contoh 2.45. nilai pecahan decimal dalam pemrograman diawali tanda titik “.” Setelah nilai bilangan bulat. Table dibawah ini menunjukkan beberapa tipe data berjenis bilangan real.
Tipe Data
|
Memori
|
Jangkauan
|
Single
|
4 byte
|
1.5x10-45…3.4x1038
|
Double
|
8 byte
|
5.0x10-324…1.7x10308
|
Real
|
6 byte
|
2.9x10-39…1.7x1038
|
Extended
|
10 byte
|
3.4x10-4932…1.1x104932
|
c. Jenis bilangan logika
Tipe data yang lebih dikenal sebagai nilai data boolear hanya memiliki dua data, yaitu true dan false. Nilai true diwakili angka 1,sedangkan nilai false diwakili angka 0.
d. Jenis data karakter
Semua karakter mulai dari abjad ‘a’…’z’…’A’…’Z’,angka ‘0’..’9’,sampai simol khusus seperti ‘!’,’@’,’#’,’$’,’%’,’^’,’&’,’*’,’,’.’,’~’,proses penetapan variabel memiliki nilai data karakter adalah selalu diapit dengan tanda petik satu. Karakter kosong atau null mempunyai panjang karakter nol dengan bentuk karakter ‘ ‘. Perhatikan contoh penulisan berikut,
Deklarasi
X=char{variabel x bertipe data character}
Algoritma
X<- ‘z’
e. Jenis data string
“Tipe data ini merupakan deretan atau gabungan beberapa karakter sehingga membentuk sebuah kalimat”. Perhatikan contoh berikut
Deklarasi
X=string{variabel x bertipe data string Algoritma}
X<- ‘Andi Novianto’ {nilai data variabel x adalah string ‘Andi Novianto’}
2.Tipe Data Bentukan (User-Defined Type)
Tipe ini merupakan sebuah tipe data yang terbentuk dari gabungan dari beberapa tipe data sederhana seperti yang telah disebutkan sebelumnya. Ada dua jenis tipe data bentukan,yakni tipe data dengan nama baru dan tipe data terstruktur.
Langganan:
Postingan (Atom)