Hello panda

Kamis, 27 Oktober 2016

Tugas Altrnating Indeks

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



Diposting oleh di Tidak ada komentar:
Label:

Tugas Tabel

<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 bars 1</td>
</tr>
<tr>
<td>kolom 1 baris 2</td>
<td>kolom 2 baris 2</td>
</tr>
</table>
</body>
</html>



Diposting oleh di Tidak ada komentar:

Tugas Tabel

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




Diposting oleh di Tidak ada komentar:

Tugas 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="yellow" colspan="2">this table is nested inside the purple
table</td>
</tr>
<tr>
<td bgcolor="blue"><font color="blue">rahma</font></td>
<td bgcolor="white" width><font color=white>fauziah</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>




Diposting oleh di Tidak ada komentar:

Tugas 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="#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>



Diposting oleh di Tidak ada komentar:

Tugas tabel

<html>
<head>
<title>Tabel Rowspan dan Colspan</title>
</head>



<body>
<table width="500" border="1">
<tr>
<th bgcolor=red>Apel</th>
<th rowspan="2">Jeruk</th>
<th bgcolor=green>Mangga</th>
</tr>
<tr>
<td>Pisang</th>
<td>Nanas</td>
</tr>
</table>
</body>
</html>



Diposting oleh di Tidak ada komentar:

Jumat, 07 Oktober 2016

Tugas Left index

<!doctype 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><fontcolor="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 dikota kami.
Kualitas dan harga dapat dipercaya langsung saja pesan dan menjadi langganan kami.
</p></td>
<tr>
<td height="30" align="center" bgcolor="#ffff99"><font size="+2">Profil kami.com</font></td>
</table>
</form>
</body>
</html>





Diposting oleh di Tidak ada komentar:

Tugas Bottom index

<!doctype html>
<head>
<title>top index</title>
</head>
<body>
<form id="form1" name ="form1" method="post" action="">
<table width="800" height="447" 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)</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"><fontcolor="ff0000"<strong><font SIZE="+2"> Daftar isi atau navigasi</font></strong></font><font color="#9966cc">
     &nbsp;</font></td>
</tr>
</table>
</form>
</body>
</html>



Diposting oleh di Tidak ada komentar:

Tugas Top index

<!doctype 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 atau Iklan</font></strong></td>
</tr>
<tr>
<td height="27" align ="center" bgcolor="#FFCCCC"><fontcolor="#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></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>



Diposting oleh di Tidak ada komentar:

Kamis, 06 Oktober 2016

Tugas tabel bersarang 2

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



Diposting oleh di Tidak ada komentar:
Label:

Tugas tabel bersarang 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>



Diposting oleh di Tidak ada komentar:
Label:
Langganan: Komentar (Atom)