Mengatur Lebar Tabel HTML

Atribut Width dapat digunakan untuk mengatur lebar tabel atau kolom, Adapun elemen yang dapat di tambahkan pada atribut ini adalah
Table + width = "angka berupa lebar tabel terhadap browser %"
TH atau TD  width = "angka berupa lebar kolom tabel %"
Example :
<html>
<head>
<title> Mengatur Lebar tabel </title>
</head>
<body>

<table border = 1 width = "60%" >
<caption align = "bottom"><h4> Tabel Dengan Lebar 60% pada browser </h4></caption>
<tr>
<td width ="50%"> lebar 50% menggunakan sintak TD</td>
<td width ="50%"> lebar 50% menggunakan sintak TD</td>
</tr>

<tr>
<td> lebar mengikuti tabel pertama 50%</td>
<td> lebar mengikuti tabel kedua 50%</td>
</tr>
</table>

<table border = 5 width = "80%">
<caption align ="bottom"><h4> Tabel dengan lebar 80% pada browser </h4></caption>
<tr>
<th width = 70%> lebar 70% menggunakan sintak TH </th>
<th width = 30%> lebar 30% menggunakan sintak TH </th>
<tr>

<tr>
<th> lebar mengikuti tabel pertama 70%</th>
<th> lebar mengikuti tabel kedua 30%</th>
</tr>
</table>

</body>
</html>

Pahamilah sintak di atas lalu tulis dan simpan berupa format html/htm lalu buka file, maka akan terbaca seprti ini


Tidak ada komentar:

Posting Komentar