Kamis, 17 November 2016

tugas dokumen html 1

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


Senin, 14 November 2016

leftt 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="#FFFF98">
<font size="+2">profilkami.com</font></td>
</tr>
</table>
</form>
</body>
</html>


jobseet

<html>
<head>
<title>right color</title>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="450" border="2" align="center" cellspacing="1">
<tr>
<th width="627" height="23" align="center" bgcolor="orange" colspan="2"><strong>
<font size="+4">SMK KARYA NUGRAHA</font><strong></th>
<tr>
<th width="170" bgcolor="yellow">
<a href="home.html">home</a></br>
<a href="about.html">about</a></br>
<a href="audio.html">audio</a></br>
<a href="gambar.html">gambar</a></br>
<td height="160" align="center" valign="center" bgcolor ="white">
<b>INTRODUCE MY SELF</b>
<p> Perkenalkan nama saya riwan dwi agana alamat randusari,teras,Boyolali,Jawa Tengah,
sekolah di SMK KARYA NUGRAHA BOYOLALI mengambil jurusan TEKHNIK KOMPUTER DAN JARINGAN ( TKJ ) kelas 10, tempat tanggal lahir Boyolali 20 desember 2000, Thank You Very Much..</p>
</td>
</tr>
<tr>
<td height="35" colspan="2" align="center" bgcolor="orange" font size="+2" >Copyright&copy;sekolahkita.com</font>
</tr>
</td>
</table>
</body>
</html>


Kamis, 13 Oktober 2016

tabel dengan colspan 3

<html > 
<head> 
<title>Tabel dengan Colspan</title> 
</head>  
<body> 
<table width="500" border="1" bgcolor="purple"> 
  <tr bgcolor="red"> 
    <th scope="col">Apel </th> 
    <th rowspan="4" scope="col">Jeruk </th>
    <th colspan="4" scope="col">Mangga </th>  
  </tr>
  <tr>
    <th scope="col">Pisang </th> 
    <th colspan="4" scope="col">Nanas </th> 
  </tr>
  <tr>
    <td>Leci</td>
  </tr>
</table> 
</body> 
</html>


dolumen html 2

<html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10" cellspacing="10">
<td>
sel berikut yang satu ini memiliki tabel kecil di dalamnya, tabel di dalam tabel.
</td>
<td> <table border="3" cellpadding="3" cellspancing="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>

online order 3

<html>

<head>

<title>tabel rumit</title>

</head>

<body>

              <td>Online Order</td>
<table border="2" width="300" bgcolor=blue>

<tr>

<th bgcolor=greenpink>description </th>

<th bgcolor=yellow>qty </th>

<th bgcolor=orange>price</th>

<th bgcolor=red>email account note</th>

</tr>

<tr>

<td width="100" bgcolor=greenpink>email account </td>

<td bgcolor=yellow>10</td>

<td bgcolor=orange>$9.90</td>

<td rowspan="5">

<table border="2">

<tr>

<td bgcolor=red>mailbox </td>

<td bgcolor=red>10 Gb</td>

</tr>

<tr>

<td bgcolor=red>webmail</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>POP3</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>IMAP</td>

<td bgcolor=red>yes</td>

</tr>

<tr>

<td bgcolor=red>Anti-Spam</td>

<td bgcolor=red>yes</td>
</tr>

</table>
</td>

</tr>

<tr>

<td bgcolor=greenpink>FYIcenter.com ad</td>

<td bgcolor=yellow>1</td>

<td bgcolor=orange>$99.00</td>

</tr>

<tr>

<td bgcolor=greenpink>1-year access </td>

<td bgcolor=yellow>1</td>

<td bgcolor=orange>$199.00</td>

</tr>

<tr>

<td colspan="2" align="right">shipping</td>

<td bgcolor=orange>$3.99</td>

</tr>
<tr>

<td colspan="2" align="right">Tax</td>

<td bgcolor=orange>$15.99</td>

</tr>

</table>

</body>

</html>

tabel 4

<html>
<head><title>Tabel Bersarang</title></head>
<body>
<table border="1" bgcolor="yellow">
<tr>
<td height=10% width=60%><table border=0 align="center">
<tr>
<td bgcolor="orange" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="greenpink"><font color="white">riwan</font></td>
<td bgcolor="purple" width><font color=white>dwi agana</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>