tabel dalam tabel
<html>
<head>
<head>
<title>tugas</title>
</head>
<body>
<table align="center" width=45% height=25% border="5">
<caption>online order</caption>
<tr>
<th align="left">description</th>
<th align="left">QTY</th>
<th align="left">price</th>
<th align="left">email account note</th>
</tr>
<tr>
<th align="left">email account</th>
<td>10</td>
<td>$9.90</td>
<td rowspan="5"><table border="1">
<tr>
<td>Mailbox</td>
<td>50GB</td>
</tr>
<tr>
<td>webmail</td>
<td>yes</td>
</tr>
<tr>
<td>POP5</td>
<td>yes</td>
</tr>
<tr>
<td>Anti-spam</td>
<td>yes</td>
</tr>
</td>
</table>
</tr>
<tr>
<td align="center">FYIcenter.comAd</td>
<td>1</td>
<td>$10.00</td>
</tr>
<tr>
<td align="center">2-year access</td>
<td>1</td>
<td>$200.00</td>
</tr>
<tr>
<td align="right" colspan="2">shipping</td>
<td>$4.99</td>
</tr>
<tr>
<td align="right" colspan="2">Tax</th>
<td>$16.99</td>
</tr>
</table>
</html>
hasilnya akan menjadi seperti gambar berikut
contoh tabel rowspan dan colspan
<html>
<head>
<title>table</title.
</head>
berikut contoh tabel rowspan dan colspan
<table width=80% border=2 cellspacing=2 cellpadding=2>
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
<tr>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr>
<td>baris 3 kolom 1</td>
<td>baris 3 kolom 2</td>
</tr>
</table>
</body>
</html>
maka hasilnya akan menjadi seperti gambar berikut
penggunaan align
<html>
<head>
<title>penggunaan align</title>
</head>
<body>
<table border="2">
<caption>dafter wiraniaga</caption>
<tr>
<th colspan="2" rowspan="2">wiraniaga</th>
<th colspan="3">kota</th>
</tr>
<tr>
<th>semarang</th>
<th>kudus</th>
<th>solo</th>
<tr>
<tr>
<th rowspan="2">jenis kelamin</th>
<th>pria</th>
<td align="center">30</td>
<td align="center">20</td>
<td align="center">30</td>
</tr>
<th>wanita</th>
<td align="center">20</td>
<td align="center">8</td>
<td align="center">18</td>\
</table></body>
</html>
maka hasilnya akan menjadi seperti gambar berikut
layout halaman web
<!DOCTYPE html>
<head>
<title>top Index</title>
</head>
<body>
<form id="form1" name="form1"method="post"action"">
<table width="800"height="532"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>
</tr>
<td height="23" align="center" bgcolor="#ccff99"><font color="#9966cc">Info tambahan atau lain lain</font></td>
</tr>
</table>
</form>
</body>
</html>
maka hasilnya akan menjadi seperti gambar berikut
berikut tampilan yang berbeda dari yang diatas
Top Index
<!DOCTYPE html>
<head>
<title>top Index</title>
</head>
<body>
<form id="form1" name="form1"method="post"action"">
<table width="800"height="532"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>
</tr>
<tr>
<td height="457"align="center"bgcolor="#silver">
<p>Body atau contents</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>
<!DOCTYPE html>
<head>
<title>top Index</title>
</head>
<body>
<form id="form1" name="form1"method="post"action"">
<table width="800"height="532"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>
</tr>
<tr>
<td height="457"align="center"bgcolor="#silver">
<p>Body atau contents</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>
maka hasilnya akan menjadi seperti gambar berikut
1.sebutkan fungsi <form>
2. sebutkan fungsi atribut pada form
jawaban
1.Form digunakan untuk mengumpulkan data dari pengunjung suatu
website. Mulai dari form untuk login, form kontak, form untuk pendaftaran user,
form advertiser, form sitemap, bahkan untuk mengirimkan data antar halaman web.
2. A.Action attribute pada HTML Form berfungsi untuk mendefinisikan
tindakan apa yang akan dilakukan ketika formulir dikirimkan. Umumnya
untuk menyerahkan data ke server adalah dengan menggunakan tombol submit
sebagaimana sudah dibahas pada postingan sebelumnya. Dengan kata lain,
action attribute ini artinya mau dieksekusi ke mana data itu ketika
tombol submit diklik.
B.Method Attribute
Ada dua method, yaitu GET dan POST. Apa bedanya? method GET pada HTML Form digunakan jika pengiriman data bersifat pasif, Bila kamu menggunakan method GET maka data yang dikirim akan terlihat pada page address.
C.Name Attribute
Name attribute pada HTML Form berada di elemen input. Agar data yang dikirimkan bisa diterima dengan valid, maka masing-masing bidang input harus memiliki name atribut. Jika tidak dicantumkan name attributnya maka tidak akan diproses oleh form action.
