Pada dasarnya dalam membuat tabel, memakai script seperti :
<table width="100%" border="1" bgcolor="#000000">
<tbody>
<tr>
<td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td>
</tr>
</tbody>
</table>
*) Setiap script yang berwarna merah, silahkan rubah sesuai kebutuhan. Dan ingat script tersebut meski anda tempatkan pada mode HTML bukan Visual.
Dari script diatas, tabel yang dihasilkan seperti di bawah ini :
Tulisan Anda |
Untuk satu kolom tabel, memiliki script seperti ini :
<td
style="text-align: center;" align="center" valign="top"
bgcolor="#ffffff" width="auto"><span style="color:
#000000;">Tulisan Anda</span></td>
Jadi jika anda ingin menambah jumlah kolom tabel kesamping, maka yang diperbanyak adalah script tersebut diatas. Contoh :
Tulisan Anda | Tulisan Anda | Tulisan Anda | Tulisan Anda |
<table width="100%" border="1" bgcolor="#000000">
<tbody>
<tr>
<td style="text-align: center;"
align="center" valign="top" bgcolor="#ffffff" width="auto"><span
style="color: #000000;">Tulisan Anda</span></td>
<td style="text-align: center;"
align="center" valign="top" bgcolor="#ffffff" width="auto"><span
style="color: #000000;">Tulisan Anda</span></td>
<td style="text-align: center;"
align="center" valign="top" bgcolor="#ffffff" width="auto"><span
style="color: #000000;">Tulisan Anda</span></td>
<td style="text-align: center;"
align="center" valign="top" bgcolor="#ffffff" width="auto"><span
style="color: #000000;">Tulisan Anda</span></td>
</tr>
</tbody>
</table>
Selanjutnya, jika anda ingin menambahkan kolom tabel ke bawah, tempatkan script diatas dengan diapit script seperti ini :
<tr>Script Table</tr>
Contoh :
Tulisan Anda |
Tulisan Anda |
Tulisan Anda |
Tulisan Anda |
<table width="100%" border="1" bgcolor="#000000">
<tbody>
<tr>
<td style="text-align: center;" align="center" valign="top"
bgcolor="#ffffff" width="auto"><span style="color:
#000000;">Tulisan Anda</span></td>
</tr>
<tr>
<td style="text-align: center;" align="center" valign="top"
bgcolor="#ffffff" width="auto"><span style="color:
#000000;">Tulisan Anda</span></td>
</tr>
<tr>
<td style="text-align: center;" align="center" valign="top"
bgcolor="#ffffff" width="auto"><span style="color:
#000000;">Tulisan Anda</span></td>
</tr>
<tr>
<td style="text-align: center;" align="center" valign="top"
bgcolor="#ffffff" width="auto"><span style="color:
#000000;">Tulisan Anda</span></td>
</tr>
</tbody>
</table>
Agar terlihat lebih menarik, anda bisa memodifikasi tabel dengan diberi warna background. Perhatikan script di bawah ini :
<td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td>
bgcolor="#ffffff"
= Untuk warna Backgroundstyle="color: #000000;"
= Untuk warna HurufSedangkan, untuk kode masing-masing warna bisa anda lihat disini …
No | Nama | Tempat & Tanggal Lahir | Alamat |
1 | Muhamad Rusdi | Bandung, 23 Januari 2002 | Cianjur Selatan |
2 | Agung Gumelar | Cianjur, 12 Desember 2003 | Bandung Barat |
3 | Nanda Dewi Saputra | Jakarta, 10 Juli 2000 | Jakarta Utara |
4 | Muhammad Aziz Kurniawan | Bogor, 11 Nopember 2001 | Bogor |
5 | Prabowo Susilo Yudhoyono | Sukabumi, 08 Oktober 2004 | Sukabumi |
Tidak ada komentar:
Posting Komentar