Sabtu, 30 Januari 2016

kegiatan 6

Ini adalah sambungan dari postingan saya yang sebelumnya

<!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 / Judul</font></strong></td>
</tr>
<tr>
<td height="457" align="center" bgcolor="#C0C0C0">
<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="#800080">Body atau contents(isi)</font></p></td>
</tr>
<tr>
<td height="23" align="center" bgcolor="#CCFF99"><font color="#FF0000"><font size="+1"><b>Daftar isi atau navigasi</b></font></td>
</tr>
</table>
</form>
</body>
</html>
 Hasilnya

Diposting oleh di Tidak ada komentar:

Rabu, 27 Januari 2016

Kegiatan 5

Contoh membuat table
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"><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>  
Hasilnya
Diposting oleh di Tidak ada komentar:

Selasa, 26 Januari 2016

TABLE BERSARANG BERWARNA

Berikut adalah koding dari table bersarang.
<html>
<head>
<title>Table In Table</title>
</head>

<body>
<table cellpadding="5" align="center" bgcolor="red" width="800px" cellspacing="5">
<tr><td><b>table > tr > td
<table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="50px"><b>table > tr > td</td></tr></table>
<table width="100%"  cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="80px"><b>table > tr > td</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="100px"><b>table > tr > td</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="250px"><b>table > tr > td
<table width="100%" cellspacing="5" cellpadding="5">
<tr>
<td valign="top" bgcolor="#00BCD4" width="150px" height="250px">td</td>
<td valign="top" bgcolor="#00BCD4">td
<table cellpadding="7" cellspacing="5" bgcolor="#FF5722" width="100%">
<tr><td><b>table > tr > td</td></tr>
<tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
<tr><td bgcolor="white" valign="top">td</td></tr>
<tr><td bgcolor="white" valign="top" height="50px">td</td></tr>
<tr><td bgcolor="white" valign="top">td</td></tr>
<tr><td bgcolor="white" valign="top" height="40px">td</td></tr>
<tr><td bgcolor="white" valign="top">td</td></tr>
<tr><td bgcolor="white" valign="top" height="120px">td</td></tr>
</table>
</td>
<td valign="top" bgcolor="#00BCD4" width="150px">td</td>
</tr>
</table>
</td></tr></table>
<table width="100%" cellspacing="5" cellpadding="5"><tr><td  valign="top" bgcolor="orange" height="30px"><b>table > tr > td</td></tr></table>
</td></tr>
</table>
</body>
</html>

Hasil


Diposting oleh di Tidak ada komentar:

Kamis, 07 Januari 2016

tabel bersarang


Assalamualaikum wr.wb.
Kali ini saya akan membahas tentang tabel dalam tabel (tabel bersarang). Berikut adalah contoh HTML ( Hyper Text Markup Language) tabel bersarang


<html>
<head>
</head>
 <body bgcolor="00FFFF">
<table border="1"cellpading="3">
   <caption>online order</caption>
 <tr>
    <th>description</th>
    <th>Qty</th>
    <th>price</th>
    <th>email account note</th>
 </tr>
 <tr>
  <td>email acoount</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>FYI center.com ad</td>
  <td align="right">1</td>
  <td>$99.00</td>
 </tr>
 <tr>
  <td> 1 years acces</td>
  <td align="right">1</td>
  <td>$199.00</td>
 </tr>
 <tr>
  <td colspan="2">shipping</td>
  <td>$3.99</td>
 </tr>
 <tr>
  <td colspan="2">Tax</td>
   <td>$15.99</td>
  </tr>
</body>
</html>

Hasilnya

Terima kasih telah mengunjungi blog saya apabila ada kesalahan mohon di maafkan karna saya masih belajar.

Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)