Minggu, 31 Januari 2016

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">bannner 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>
<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>
Contoh gambar :

Diposting oleh di Tidak ada komentar:
Top Index
<!DOCTYPE html>
<head>
<title>Top index</title>
</head>
<body>
<form="from1" 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">bannner/judul</font></strong></td>
</tr>
<tr>
</tr>
<tr>
<td height="457"align="center" bgcolor="#silver">
<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">daftar isi navigasi</font></td>
</tr>
</table>
</form>
</body>
</html>

 Contoh gambar :
Diposting oleh di Tidak ada komentar:

Senin, 25 Januari 2016

Coding WEB Table

<html>
<head>
<title>tabel</title>
</head>
<body>
<h1>
<center>
Berikut contoh tabel dengan rowspan dan colspan</center>
</h1>
<table border="2" cellpadding="0" cellspacing="0" style="width: 80%px;">
<tr>
<td><center>
baris 1 kolom 1</center>
</td>
<td><center>
baris 1 kolom 2</center>
</td>
</tr>
<tr>
<td><center>
baris 2 kolom 1</center>
</td>
</tr>
<tr>
<td rowspan="2"><center>
baris 3 kolom 1</center>
</td>
<td><center>
baris 3 kolom 2</center>
</td>
</tr>
</table>
</body>
</html>
tabel

Berikut contoh tabel dengan rowspan dan colspan

baris 1 kolom 1
baris 1 kolom 2
baris 2 kolom 1
baris 3 kolom 1
baris 3 kolom 2
Diposting oleh di Tidak ada komentar:

Coding WEB Table dalam Table

<html>
<head>test</head>
<body bgcolor="#483D8B">
    <table border="1" cellpadding="5">
    <caption>Order Olshop</caption>
<tr>
    <th>Description</th>
    <th>Oty</th>
    <th><align right="">Price</align></th>
    <th>Email Account note</th>
    </tr>
<tr>
    <td>Email Account</td>
    <td align="right">10</td>
    <td align="right">$9.90</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-years Acces</td>
    <td align="right">1</td>
    <td align="right">$199.00</td>
</tr>
<tr>
    <td align="right" colspan="2">Shipping</td>
<td align="right">$3.99</td>
</tr>
<tr>
     <td align="right" colspan="2">Tax</td>
     <td align="right">$15.99</td>
</tr>
</table>
</body>
</html>
Order Olshop
Description Oty Price Email Account note
Email Account 10 $9.90
Mailbox10GB
WebmailYes
POP3Yes
IMAPYes
Anti-spamYes
FYIcenter.com ad 1 $99.00
1-years Acces 1 $199.00
Shipping $3.99
Tax $15.99
Diposting oleh di Tidak ada komentar:

Coding WEB

<html>
<head>
<title>Penggunaan ALIGN</title>
</head>
<body>
</body>
<body>
<table align="center" border="1">
<caption><center>
<h1>
Daftar wiraniaga</h1>
</center>
</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>
<th rowspan="2">Jenis Kelamin</th>
<th>Pria</th>
<td align="right">30</td>
<td align="right">20</td>
<td align="right">30</td>
</tr>
<tr>
<th>Wanita</th>
<td align="right">20</td>
<td align="right">8</td>
<td align="right">18</td>
</tr>
</tr>
</table>
</body>
</html>
Penggunaan ALIGN

Daftar wiraniaga
WIRANIAGA KOTA
SEMARANG KUDUSSOLO
Jenis Kelamin Pria 30 20 30
Wanita 20 8 18
Diposting oleh di 1 komentar:
Langganan: Postingan (Atom)