CARA MEMBUAT TABLE MENGGUNAKAN HTML

  • CONTOH MEMBUAT TABLE DENGAN ROWSPAN DAN COLSPAN

 


CODINGNYA

 <html>
<head>
<title>tabel</title>
</head>
<body bgcolor="cyan">
<h1><center>berikut contoh tabel dengan rowspan dan colspan</center></h1>
<table width=80% border=2 cellspacing=0 cellpadding=0 bgcolor="f0f0ff">
<tr>
<td>baris 1 kolom 1</td>
<td>baris 1 kolom 2</td>
</tr>
<tr>
<td colspan=2>baris 2 kolom 1</td>
</tr>
<tr>
<td rowspan=2> baris 3 kolom 1</td>
<td>baris 3 kolom 2  </td>
</tr>
</table>
</body>
</html>


  • CONTOH PENGGUNAAN ALIGN DALAM MEMBUAT TABLE PADA HTML



CODINGNYA

<html>
<head>
<title>penggunaan ALIGN</title>
</head>
<body bgcolor="f0f0f0">
<table align="center" border="1" bgcolor="white">
<caption>DAFTAR 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>
<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>
<tr>
<th>wanita</th>
<td align="center">20</td>
<td align="center">8</td>
<td align="center">18</td>
</tr>
</table>
</body>
</html>

  • CONTOH PEMBUATAN TABLE BERSARANG 



CODINGNYA

<html>
<head>
<title>TUGAS</title>
</head>
<body background="koala.jpg"><font color="white">
<table align="center" border="2" width="40%" height="30%" bgcolor="cyan">
<h1><center>Online Order</center></h1>
<tr>
<th align="left">Description</th>
<th align="right">Qty</th>
<th align="right">Price</th>
<th align="left">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>
</td>
</tr>
</table>
<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>
</body>
</html>

Komentar

Posting Komentar

Postingan populer dari blog ini

konfigurasi ip address

Gambar
JARINGAN DASAR NAMA : HAYATUNUFUS KELAS : X TKJ (TEKNIK KOMPUTER DAN JARINGAN) A SEKOLAH : SMK NEGERI 2 BANJARMASIN PEMBAHASAN : KONFIGURASI IP ADDRESS MEMPING SHARING DATA   CHATTING DENGAN LAN CHAT Konfigurasi IP ADDRESS Pertama-tama kita buka dulu control panel yang ada dikomputer/laptop kalian,seperti gambardibawah ini. Setelah itu klik network and sharing center kemudian klik LAN AREA CONNECTING,seperti pada tampilan gambardibawah ini. Setelah muncul tampilan LAN AREA CONNECTING STATUS klik properties,seperti pada gambar dibawah ini. Kemudian akan muncul tampilan seperti gambar dibawah ini. Setelah muncul tampilan seperti ini klik INTERNET PROTOCOL VERSION 4 (TCP/IPv4),seperti gambar dibawah ini. Setelah itu klik properties,setelah mengklik properties akan muncul tampilan seperti gambar dibawah ini. Setelah mengklik USE THE FOLLOWING IP ADDRESS,ubah IP address setelah mengisi ip address SUBNET ...
Baca selengkapnya
Gambar
JARINGAN DASAR                                                                                                                                                             ...
Baca selengkapnya