<!DOCTYPE HTML>
<head>
<title>right colour</title>
</head>
<body>
<form id="forml" name="forml" method="post" action="">
<table width="800" height="450" border="1" align="center"
cellspacing="1">
<tr>
<th width="627" height="23" align="center"
bgcolor="ORANGE" colspan="2"><strong>
<font color="black" size="+4">WEB SEKOLAH
KITA</font></strong></th>
</tr>
<tr>
<th width="170" bgcolor="yellow">
<p>menu</p>
<p>profil sekolah</p>
<p>galery foto</p>
<p>kegiatan</p>
<p>hubungi kami</p>
<td height="160" align="center" valign="center" font
color="white" bgcolor="">
<p>Nama=exsan kurniyawan</p>
<p>No absen=11</p>
<p>Kelas=X TKJ 2 </p>
<p>Sekolah=SMK KARYA NUGRAHA BOYOLALI</p>
<p>Alamat=sukabumi cepogo</p>
<p>Tanggal lahir=13 mei 2000</p>
<p>Hoby=futsal</p>
</td>
</tr>
<tr>
<td height="35" colspan="2" align="center"
bgcolor="orange"><font
size="+2">copyright@sekolahkita.com</font>
</td>
</table>
</body>
</html>
Senin, 14 November 2016
Kamis, 06 Oktober 2016
ALTERNATING INDEX
<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">Lainlain</font></strong></font></td>
</tr>
</table>
</form>
</body>
</html>
LAYOUT SPLIT
<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="#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 bgcolor="#FF99FF">
<td height="23" colspan="3" align="center">Lainlain </td>
</tr>
</table>
</form>
</body>
</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="#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 bgcolor="#FF99FF">
<td height="23" colspan="3" align="center">Lainlain </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> </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>
BOTTOM INDEX
<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"> </font></td>
</tr>
</table>
</form>
</body>
</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"> </font></td>
</tr>
</table>
</form>
</body>
</html>
TOP INDEX
<html>
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="forml" 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"><font color="#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>
<p><font color="#FF6633">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>
<head>
<title>Top index</title>
</head>
<body>
<form id="forml" name="forml" 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"><font color="#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>
<p><font color="#FF6633">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>
TABLE 5
<html>
<head>
<title>tabel rumit</title>
</head>
<body>
<b>Dibuat oleh XSAN KURNIYAWAN</b>
<table bgcolor="greenpink" width="300">
<td> table>tr>td
<table bgcolor="yellow" width="280" height="70" align="center">
<tr>
<td valign="top">table>tr>td</td>
</tr>
</table>
</td>
</table>
<table bgcolor="greenpink" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="80" align="center">
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="greenpink" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="90" align="center" >
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="greenpink" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="100" align="center">
<tr>
<td> table>tr>td
<table>
<td bgcolor="orange" width="40" height="350" valign="top">td</td>
<td bgcolor="orange" width="150" height="350" valign="top">td
<table width="130" bgcolor="red" height="250" align="center">
<tr>
<td valign="top">table>tr>td
<table>
<td bgcolor="white" width="170" height="40">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="20">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="40" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="20" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="40" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="20" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="80" valign="top">td</td>
</table>
</td>
</tr>
</table>
<td bgcolor="orange "width="40" height="350" valign="top">td</td>
</td>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="yellow" width="300">
<tr>
<td>
<table bgcolor="orange" width="280" height="40" align="center">
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<head>
<title>tabel rumit</title>
</head>
<body>
<b>Dibuat oleh XSAN KURNIYAWAN</b>
<table bgcolor="greenpink" width="300">
<td> table>tr>td
<table bgcolor="yellow" width="280" height="70" align="center">
<tr>
<td valign="top">table>tr>td</td>
</tr>
</table>
</td>
</table>
<table bgcolor="greenpink" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="80" align="center">
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="greenpink" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="90" align="center" >
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="greenpink" width="300">
<tr>
<td>
<table bgcolor="yellow" width="280" height="100" align="center">
<tr>
<td> table>tr>td
<table>
<td bgcolor="orange" width="40" height="350" valign="top">td</td>
<td bgcolor="orange" width="150" height="350" valign="top">td
<table width="130" bgcolor="red" height="250" align="center">
<tr>
<td valign="top">table>tr>td
<table>
<td bgcolor="white" width="170" height="40">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="20">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="40" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="20" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="40" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="20" valign="top">td</td>
</table>
<table>
<td bgcolor="white" width="170" height="80" valign="top">td</td>
</table>
</td>
</tr>
</table>
<td bgcolor="orange "width="40" height="350" valign="top">td</td>
</td>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="yellow" width="300">
<tr>
<td>
<table bgcolor="orange" width="280" height="40" align="center">
<tr>
<td valign="top"> table>tr>td</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
nested table 3
<html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10" cellspacing="10" bgcolor=yellow>
<td bgcolor=greenpink>
sel berikutnya yang satu ini memiliki tabel kecil didalamnya,tabel didalam tabel
</td>
<td><table border="3" cellpadding="3" cellspacing="3" bgcolor=greenpink>
<td bgcolor=white>tabel ke 2</td>
<td bgcolor=red>tabel ke 2</td>
<tr>
<td bgcolor=red>tabel ke 2</td>
<td bgcolor=white>tabel ke 2</td>
</tr>
</table/></td>
</table>
</body>
</html>
<head><title>nested table 3</title></head>
<body>
<table border="3" cellpadding="10" cellspacing="10" bgcolor=yellow>
<td bgcolor=greenpink>
sel berikutnya yang satu ini memiliki tabel kecil didalamnya,tabel didalam tabel
</td>
<td><table border="3" cellpadding="3" cellspacing="3" bgcolor=greenpink>
<td bgcolor=white>tabel ke 2</td>
<td bgcolor=red>tabel ke 2</td>
<tr>
<td bgcolor=red>tabel ke 2</td>
<td bgcolor=white>tabel ke 2</td>
</tr>
</table/></td>
</table>
</body>
</html>
tabel bersarang
<html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<table border=1 bgcolor=blue>
<tr>
<td>
<table border=1 bgcolor=white>
<tr>
<td bgcolor=red>kolom 1 baris 1</d>
<td bgcolor=yellow>kolom 2 baris 1</d>
</tr>
<tr>
<td bgcolor=yellow>kolom 1 baris 2</d>
<td bgcolor=red>kolom 2 baris 2</d>
</tr>
</table>
</td>
<td bgcolor=greenpink>kolom 2 baris 1</td>
</tr>
<tr>
<td bgcolor=greenpink>kolom 1 baris 2</td>
<td bgcolor=yellow>kolom 2 baris 2</td>
</tr>
</table></body>
</html>
<head>
<title>Tabel Bersarang</title>
</head>
<body>
<table border=1 bgcolor=blue>
<tr>
<td>
<table border=1 bgcolor=white>
<tr>
<td bgcolor=red>kolom 1 baris 1</d>
<td bgcolor=yellow>kolom 2 baris 1</d>
</tr>
<tr>
<td bgcolor=yellow>kolom 1 baris 2</d>
<td bgcolor=red>kolom 2 baris 2</d>
</tr>
</table>
</td>
<td bgcolor=greenpink>kolom 2 baris 1</td>
</tr>
<tr>
<td bgcolor=greenpink>kolom 1 baris 2</td>
<td bgcolor=yellow>kolom 2 baris 2</td>
</tr>
</table></body>
</html>
table 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">xsan</font></td>
<td bgcolor="purple" width><font color=white>kurniyawan</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</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">xsan</font></td>
<td bgcolor="purple" width><font color=white>kurniyawan</font></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
online order
<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
<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
Kamis, 29 September 2016
membuat tabel dalam tabel
<tr>
<td rowspan=2 bgcolor=orange>
<table border=1 width=200px height=100px align=center>
<tr>
<td>1A</td>
<td>2A</td>
</tr>
<tr>
<td>1B</td>
<td>2B</td>
</tr>
</table>
</td>
<td rowspan=2 bgcolor=red>
<table border=1 width=200px height=100px align=center>
<tr bgcolor=green>
<td>1C</td>
<td>2C</td>
</tr>
<tr bgcolor=green>
<td>1D</td>
<td>2D</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</body>
</head>
</html>
<td rowspan=2 bgcolor=orange>
<table border=1 width=200px height=100px align=center>
<tr>
<td>1A</td>
<td>2A</td>
</tr>
<tr>
<td>1B</td>
<td>2B</td>
</tr>
</table>
</td>
<td rowspan=2 bgcolor=red>
<table border=1 width=200px height=100px align=center>
<tr bgcolor=green>
<td>1C</td>
<td>2C</td>
</tr>
<tr bgcolor=green>
<td>1D</td>
<td>2D</td>
</tr>
</table>
</td>
</tr>
<tr>
</tr>
</table>
</body>
</head>
</html>
Kamis, 08 September 2016
tugas label dan spaning
<html> <head> <title>Tabel dengan Colspan</title> </head> <body> <table width="500" border="1"> <tr> <th scope="col">Perumahan</th> <th colspan="4" scope="col">Tipe / Luas tanah (m<sup>2</sup>) </th> </tr> <tr> <td>Griya...
tugas tabel dan spaning
<html > <head> <title>Tabel dengan Colspan</title> </head> <body> <table width="500" border="1" > <th scope="col">Benua</th> <th colspan="2" scope="col">Eropa </th> <th colspan="4" scope="col">Asia...
tugastabel dan spaning
<head> <title>Tabel Dengan Rowspan </title> </head> <body> <table width ="500" border ="1"> <tr> <th scope ="col">Benua </th> <th scope ="col">Eropa </th> </tr> <tr> <td rowspan ="4">Negara </td> <td>Arab...
tugastabel dan spaning
<html> <head> <title>Tabel Dengan Rowspan </title> </head> <body> <table width ="500" border ="1"> <tr> <th scope ="col"> Nama Perumahan </th> <th scope ="col">Tipe / luas tanah (m<sup>2</sup>) </th> </tr> <tr> <td...
Senin, 05 September 2016
latian membuat tabel
<html>
<head>
<title>latihan membuat tabel</title>
</tr>
<tr bgcolor=red>
<td>data baris 1kolom 1</td>
<td>data baris 1kolom 2</td>
<td>databaris 1kolom 3</td>
</tr>
<tr bgcolor=yellow>
<td>data baris 2 kolom 1</td>
<td>data baris 2 kolom 2</td>
<td>data baris 2 kolom 3</td>
</tr>
<tr bgcolor=green>
<td>data baris 3 kolom 1</td>
<td>data baris 3 kolom 2</td>
<td>data baris 3 kolom 3</td>
</table>
</body>
</html>
Langganan:
Postingan (Atom)