Jumat, 18 November 2016

Cara Membuat Link Biodata



<html>
<head>
<title>Multimedia</title>
</head>
<body>
<table width=900 height=800
align=center bgcolor=orange>
<tr bgcolor=orange height=90>
<td colspan=2 align=center>
<font size="30"> OFFICIAL WEBSITE TKJ 3 </font>
</td>
</tr>
<tr>
<td width=250 height=650
bgcolor=yellow valign=top>
<a href="rumah.html">rumah</a><br />
<a href="tentang.html">biodata</a><br />
<a href="audio.html">musik</a><br />
<a href="video.html">video</a><br />
<a href="image.html">image</a><br />
</td>
<td width=650 height=650
bgcolor=#d4d4d4 align=center>
<font size=+3>Nama : Dian Dwi Laksana
<br />Kelas : X TKJ 3<br />No : 05<br />Alamat : tegalmulyo Karanggeneng,Boyolali<br />Hobi : Bermain BMX
<br />Sekolah : SMK Karya Nugraha Boyolali</font>
</td>
</tr>
<tr>
<td colspan=2 bgcolor=orange>
SMK Karya Nugraha Boyolali
</td>
</tr>
</table>
</body>
</html>

Cara Membuat website

 

<html>
<head>
<title>Multimedia</title>
</head>
<body>
<table width=900 height=800
align=center bgcolor=orange>
<tr bgcolor=orange height=90>
<td colspan=2 align=center>
<font size="30"> OFFICIAL WEBSITE TKJ 3 </font>
</td>
</tr>
<tr>
<td width=250 height=650
bgcolor=yellow valign=top>
<a href="rumah.html">rumah</a><br />
<a href="tentang.html">biodata</a><br />
<a href="audio.html">musik</a><br />
<a href="video.html">video</a><br />
<a href="image.html">image</a><br />
</td>
<td width=650 height=650
bgcolor=#d4d4d4 align=center>
<font size=+3>WELCOME
OFFICIAL WEBSITE TKJ3</font>
</td>
</tr>
<tr>
<td colspan=2 bgcolor=orange>
SMK Karya Nugraha Boyolali
</td>
</tr>
</table>
</body>
</html>

Rabu, 19 Oktober 2016

Tabel Rumit

<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="pink">td</td>
<td valign="top" width="150" bgcolor="pink"><table bgcolor="#FF701A">td
</tr>
<tr>
<td width="130">table >tr> td </td>
</tr>
<tr>
<td bgcolor="blue">td</td>
</tr>
<tr>
<td bgcolor="blue">td</td>
</tr>
<tr>
<td bgcolor="blue">td</td>
</tr>

<tr>


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="red"><font color="blue"></font></td>
<td bgcolor="green" width><font color=white></font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>

Layout Index



<html>
<head>
<title>Left</title>
</head>
<body>
<form id="form1" name="form1" 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="#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>

Left Index



<html>
<head>
<title>Left Colour</title>
</head>
<body>
<form id="form1" name="form1" 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>&nbsp;</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 height="30" align="center" bgcolor="#FFFF99"> <font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>

Alternating Index



<html>
<head>
<title>Alternating Index</title>
</head>
<body>
<form id="form1" name="form1" 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></font></td>
</tr>
</table>
</form>
</body>
</html>