script menambahkan gambar animasi pada tabel 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 FAJAR
</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="HOME.HTML">HOME</a></p></br>
<p><a href="about me.html">ABOUT ME</a></p></br>
<p><a href="musikk.html">MY MUSIC</a></p></br>
<p><a href="my videos.html">MY VIDEOS</a></p></br>
<p><a href="my photos.html">MY PHOTOS</a></p></br>
</th>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp;</p>
<p><img src="pjr.jpg"></p>
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font size="+2">Copyright © fajar#98.com</td>
</tr>
</table>
</form>
</body>
</html>

  

script menambahkan sebuah foto ke dalam tabel 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</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="HOME.html">HOME</a></p>
<p><a href="perofil.html">PROFILE</a></p>
<p><a href="foto.html">FOTO</a></p>
<p><a href="audio.html">AUDIO</a></p>
<p><a href="video.html">VIDEO</a></p></th>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp;</p>
<img src="14705640_1787846721474134_6182656539323410149_n(2).jpg"
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font size="+2">Copyright &copy; M.fajar wahyudi#98@Gmail.com</td>
</tr>
</table>
</form>
</body>
</html>

script menambahkan link kedalam tabel video

<html>
<head>
<title>Web fahrul</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="500" align="center" cellspacing="0">
<tr>
<th width="620" height="23" colspan="2" align="center" bgcolor="orange"><font color="#000000" size="+3">
Web Pribadi</font>
</th>
</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="HOME.html">HOME</a></p>
<p><a href="perofil.html">PROFILE</a></p>
<p><a href="foto.html">FOTO</a></p>
<p><a href="audio.html">AUDIO</a></p>
<p><a href="video.html">VIDEO</a></p></th></th>
</font>
</font>
</th>
<td height="176" align="center" valign="top" ><font size="+2">
<p>&nbsp;</p>
<i><a href="mp4.html">Video dengan format MP4</a><br/></i>
<i><a href="webm.html">Video dengan format WEBM</a><br/></i>
<i><a href="ogv.html">Video dengan format OgV</a><br/></i>
</font>
</td>
</tr>
<tr>
<td height="20" colspan="2" align="center" valign="top" bgcolor="orange"><font size="+1">Copyright &copy; fahruldwi-tkj1.blogspot.co.id
</font>
</td>
</tr>

</table>
</form>
</body>
</html>

profil

<!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</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="HOME.html">HOME</a></p>
<p><a href="perofil.html">PROFILE</a></p>
<p><a href="foto.html">FOTO</a></p>
<p><a href="audio.html">AUDIO</a></p>
<p><a href="video.html">VIDEO</a></p></th>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp;</p>
<p>NAMA  : M.fajar wahyudi</p>
<p>KELAS : X TKJ 1</p>
<p>NO    : 16</p>
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font size="+2">Copyright &copy; FAJAR WAHYUDI.tkj1@Gmail.com</td>
</tr>
</table>
</form>
</body>
</html>

script menambahkan link dan file musik dalam tabel 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</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="HOME.html">HOME</a></p>
<p><a href="perofil.html">PROFILE</a></p>
<p><a href="foto.html">FOTO</a></p>
<p><a href="audio.html">AUDIO</a></p>
<p><a href="video.html">VIDEO</a></p></th>
</th>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp;</p>
<audio controls>
<source src="suaraku.mp3" type="audio/mp3"></audio>
<audio controls>
<source src="Suaraku.ogg" type="audio/ogg"></audio>
<audio controls>
<source src="Suaraku(1).wav" type="audio/wav"></audio>
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font size="+2">Copyright &copy; m.fajar wahyudi@Gmail.com</td>
</tr>
</table>
</form>
</body>
</html>

script untuk menambahkan video dalam sebuah tabel 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</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="HOME.html">HOME</a></p>
<p><a href="perofil.html">PROFILE</a></p>
<p><a href="foto.html">FOTO</a></p>
<p><a href="audio.html">AUDIO</a></p>
<p><a href="video.html">VIDEO</a></p></th>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp;</p>
<video width="300" height="300" controls>
<source src="fajar.mp4" type="video/mp4">browser anda tidak mendukung format video ini.</video>
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font size="+2">Copyright &copy;M.fajar wahyudi#9825@Gmail.com</td>
</tr>
</table>
</form>
</body>
</html>

web pribadi

<!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</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p><a href="HOME.html">HOME</a></p>
<p><a href="perofil.html">PROFILE</a></p>
<p><a href="foto.html">FOTO</a></p>
<p><a href="audio.html">AUDIO</a></p>
<p><a href="video.html">VIDEO</a></p></th>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp;</p>
SELAMAT DATANG DI WEB SAYA
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font size="+2">Copyright &copy; FAJAR WAHYUDI.tkj1@Gmail.com</td>
</tr>
</table>
</form>
</body>
</html>

tabel sel

<html>
<table height="550" width="400" bgcolor="orange">
<tr>
<td><table width="350" align="center" bgcolor="yellow">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="yellow">
</tr>
<tr>
<td valign="top" height="60">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="yellow">
</tr>
<tr>
<td valign="top" height="80">table > tr > td</td></table></td>
</tr>
<tr>
<td><table width="350" align="center" bgcolor="yellow">
</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="orange">td
</tr>
<tr>
<td width="140">table > tr > td </td>
</tr>
<tr>
<td bgcolor="white">td</td>
</tr>
<tr>
<td bgcolor="white">td</td>
</tr>
<tr>
<td bgcolor="white">td</td>
</tr>
<tr>
<td bgcolor="white">td</td>
</tr>
<tr>
<td bgcolor="white">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="yellow">
</tr>
<tr>
<td valign="top" height="30" cellspacing="15">table > tr > td</td></table></td>
</tr>
</table>
</html>

ulangan jobsheet

<!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 SEKOLAH KITA
</tr>
<tr>
<th width="152" valign="top" bgcolor="#FFFF00"align="left">
<p>Menu</p>
<p>Profil Sekolah</p>
<p>Kegiatan</p>
<p>Hubungi kami</p></th>
<td height="176"align="center"valign="top"bgcolor="#FFFFFF"><p>&nbsp;</p>
<p>ISI DARI HALAMAN WEB</p>
<p>Nama Saya Nur Chasanah</p>
<p>No Absen 20
<p>Kelas X TKJ 1</p>
<p>Alamat Ringinlarik Musuk Boyolali</p>
</td>
</tr>
<tr>
<td height="30"colspan="2" align="center"bgcolor="#FF800"><font size="+2">Copyright&copy;sekolahkita.com</td>
</tr>
</table>
</form>
</body>
</html>

Alternating index

<!DOCTYPE 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>

tabel

<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="PURPLE" colspan="2">this table is nested inside the purpletable</td></tr><tr><td bgcolor="blue"><font color="blue">NUR</font></td><td bgcolor="white" width><font color=white>fajar</font></td></tr></table></td></tr></table></body></html>

tabel fast bersarang

<html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10" collspacing="10">
<td>
sel berikut yang satu ini memiliki tabel kecil didalamnya, tabel didalam tabel.
</td>
<td><table border="3" cellspandding="3" cellspendding="3">
<td>tabel ke 2</td>
<td>tabel ke 2</td>
<tr>
<td>tabel ke 2</td>
<td>tabel ke 2</td>
</tr>
</table></td>
</table>
</body>
</html>