Jumat, 11 November 2016

Cara Membuat Link Musik

16.59.00 0
<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">home</a><br />
<a href="tentang.html">about</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>
<audio controls>
<source src="tony.mp3" type="audio/mp3">
</audio>
</td>
</tr>
<tr>
<td colspan=2 bgcolor=orange>
SMK Karya Nugraha Boyolali
</td>
</tr>
</table>
</body>
</html>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Cara Membuat Link Biodata

16.58.00 0
<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 : Hasbullah Fathoni
<br />Kelas : X TKJ 3<br />No : 13<br />Alamat : Ringin Larik,Musuk,Boyolali<br />Hobi : Sepak Bola</font>
</td>
</tr>
<tr>
<td colspan=2 bgcolor=orange>
SMK Karya Nugraha Boyolali
</td>
</tr>
</table>
</body>
</html>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Cara Membuat Link

16.53.00 0
<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>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Selasa, 18 Oktober 2016

Layout Index

23.08.00 0
<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>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Left Index

23.07.00 0
<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>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Alternating Index

23.06.00 0
<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>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Bottom Index

23.04.00 0
<html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1" name="form1" 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 / 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 contents(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">&nbsp;</font>
</td>
</tr>
</table>
</form>
</body>
</html>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Top Index

23.03.00 0
<html>
<head>
<title>Top index</title>
</head>
<body>
<form id="form1"name="form1"method="post"action="">
<table width="800"height="542"border="1"align="center">
<tr>
<td height="23"align="center"border color="#FFFFFF" bg color="#FFFF00"><strong><font size="+5">Banner atau iklan</font></strong></td>
</tr>
<tr>
<td height="27"align="center" bg color="#FFCCCC"><font color="FF0000">Daftar isi atau navigasi </font></td>
</tr>
<tr>
<td height="457" align="center" bg color="#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>
</tr>
<tr>
<td height="23" align ="center" bgcolor="#CCFF99"><font color="#9966CC">info tambahan atau lain-lain</font></td>
</tr>
</table>
</form>
</body>
</html>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Selasa, 11 Oktober 2016

Tabel Rumit

19.41.00 0
<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>

Jadinya :


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Tabel Bersarang

19.33.00 0
<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>


Jadinya:









jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save

Senin, 10 Oktober 2016

Tabel di dalam tabel

20.29.00 0
<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>


Jadinya:


jangan lupa di save as,kasih nama contoh : nama.html pilih all files dan save
Diberdayakan oleh Blogger.