TABEL
Tabel sangat berguna dalam penyajian suatu informasi. Data-data seperti data mahasiswa, sangat baik jika ditampilkan dalam bentuk tabel. Selain itu, tabel juga bermanfaat untuk membuat layout halaman web. Tag-tag yang digunakan untuk menampilkan tabel antara lain:
Tag Fungsi
<table> </table> Mendefinisikan tabel dalam HTML
<caption> </caption> Memberi nama pada tabel
<tr> </tr> Mendeskripsikan sebuah baris dalam tabel
<td> </td> Mendeskripsikan sebuah kolom dalam tabel
<th> </th> Mendeskripsikan judul kolom tabel (teks bold)
<TABLE></TABLE> – adalah tag awal, penanda awal dan akhir suatu tabel.
<TR></TR> – adalah tag yang menandakan suatu baris dalam tabel
<TD></TD> – adalah tag yang akan membagi baris menjadi beberapa kolom.
Masing-masing tag memiliki atribut sebagai berikut :
bgcolor - atribut untuk menentukan warna latar belakang
background - atribut untuk menentukan gambar yang akan menjadi latar belakang tabel / kolom
width – atribut untuk menentukan lebar
height – atribut untuk menentukan tinggi
align - mengatur perataan horizontal
valign – mengatur perataan vertikal
border - atribut untuk menentukan lebar bingkai tabel
cellspacing – atribut untuk menentukan jarak antar kolom
cellpadding – atribut untuk menentukan jarak antara isi dengan tepi kolom
colspan – menentukan berapa kolom yang akan digabung
rowspan – menentukan berapa baris yang akan digabung
Contoh script table
<html>
<head>
<title>Contoh table</title>
</head>
<body>
<table border="1" width="704" height="185">
<tr>
<td height="36" width="694" colspan="5">
<p align="center"><b><font size="4" color="#0000FF">DAFTAR MAHASISWA BARU</font></b></td>
</tr>
<tr>
<td height="30" width="109"><b>NPM</b></td>
<td height="30" width="132"><b>Nama</b></td>
<td height="30" width="148"><b>Jurusan</b></td>
<td height="30" width="126"><b>Kelas</b></td>
<td height="30" width="155"><b>Asal Sekolah</b></td>
</tr>
<tr>
<td height="37" width="109">1010127263063</td>
<td height="37" width="132">Bob sodino</td>
<td height="37" width="148">Teknik Komputer</td>
<td height="37" width="126">Malam</td>
<td height="37" width="155">SMU 1 Jakarta</td>
</tr>
<tr>
<td height="34" width="109">1010127261063</td>
<td height="34" width="132">Bob hoo</td>
<td height="34" width="148">Manajemen Informatika</td>
<td height="34" width="126">Pagi</td>
<td height="34" width="155">SMK 1 Duri</td>
</tr>
<tr>
<td height="32" width="109">1010127263065</td>
<td height="32" width="132">Marlia Marlina</td>
<td height="32" width="148">Teknik Komputer</td>
<td height="32" width="126">Malam</td>
<td height="32" width="155">SMU 3 Pekanbaru</td>
</tr>
</table>
</body>
</html>
Tampilan dibrowser di jika program dijalankan
0 komentar
Author
Hestech Indonesia
Innovasi di bidang Teknologi, Listrik, Teknik Komputer dan gaya Hidup. Info lainnya tentang praktik konservasi berbasis Sains, inovasi, dan kearifan lokal