Membuat variasi table php

Tulisan kali ini adalah lanjutan dari postingan tentang PHP tentang membuat table di PHP.Anda dapat menambahkan parameter lain ke tag tabel untuk mengatur tampilan table.

1 Table border

<table border=0> Table tanpa border
<table border=n> Table dengan border size=n

2 Table colours

<table bgcolor=blue> Tabel ini memiliki latar belakang biru..
<tr bgcolor=green> Baris memiliki latar belakang hijau.
<td bgcolor=yellow> Sel memiliki latar belakang kuning.
<table bordercolor=magenta> Table berwarna magenta
<tr bordercolor=pink> Baris berwarna pink border.
<td bordercolor=brown> Garis berwarna brown.

*Anda bisa menggunakan kode heksadesimal untuk atribut warna.

3 Table Height dan Width

<table width="40%" height="20%">

4 Spacing dalam Table

<table cellspadding=2>
<table cellspacing=1>

5 Text alignment di Table

<tr align=position>
<tr valign=position>
<td align=position>
<td valign=position>

6 Rowspan dan Colspan

<td rowspan=3>
< td colspan-2>

7 Table Caption
Tag ini mengatur judul tabel.

<caption align=top>Caption</caption>

Contoh :

<html>
<head>
<title>Advance Table Tags</title>
<body bgcolor=FFDDEE>
<table border=5 cellspacing=0 cellspadding=2 bgcolor=blue
width=70% height=90%>
<caption align=top><h2>This is a colourful table</h2></caption>
<tr bgcolor=cyan bordercolor=green >
<td></td>
<td align=center valign=middle>Monday</td>
<td align=right valign=middle>Tuesday</td>
<td align=center valign=middle>Wednesday</td>
<td align=right valign=middle>Thursday</td>
</tr>
<tr>
<td rowspan=3 bgcolor=pink>Subject</td>
<td bgcolor=CC33FF>Management</td>
</tr>
<tr>
<td bgcolor=CC88BB>Finance</td>
<td bgcolor=BBFFEE>Business Law</td>
</tr>
<tr>
<td colspan=2></td>
<td bgcolor=9966CC>Economics</td>
<td bgcolor=88FFAA>HRM</td>
</tr>
</table>
</body>
</html>

Hasilnya sbb :

This is a colourful table
	Monday	Tuesday	Wednesday	Thursday
Subject	Management
	Finance	Business Law
			Economics	HRM

Klik Like/share jika anda menyukai tulisan ini;

Membuat variasi table php

This is a colourful table

0 Reply :

Posting Komentar