Struktur Tabel HTML
Struktur Tabel HTML
A. Elemen Dasar Tabel
Tabel adalah salah satu metode untuk menyajikan informasi dalam halaman web. Tabel terdiri dari baris dan kolom. Baris merupakan bagian mendatar, sedangkan kolom adalah bagian vertical pada table. Pertemuan antara baris dan kolom disebut sebagai cell. Cara mendeskripsikan sebuah table dalam pemrograman web berbasis HTML dengan menggunakan syntax sebagai berikut :
<table>
<!—isi baris dan kolom -->
</table>
Selanjutnya, Anda dapat menambahkan baris baru diantara tag <table> … </table> dengan script sebagai berikut :
<table>
<tr>
<! -- isi baris ke 1
</tr>
<tr>
<! -- isi baris ke 2
</tr>
</table>
Script program yang lengkap adalah sebagai berikut :
<table>
<tr>
<td> Kolom 1</td>
<td>Kolom2</td>
</tr>
<tr>
<td> Kolom 1</td>
<td>Kolom2</td>
</tr>
</table>
Elemen-elemen pada script table diatas adalah sebagai berikut
Nama |
Fungsi |
<table> … </table> |
Untuk mendeskripsikan table pada halaman web |
<tr> … </tr> |
Untuk mendeskripsikan baris pada table |
<td> .. </td> |
Untuk mendeskripsikan kolom pada table |
Contoh
Membuat Tabel dalam halaman web
<html>
<head>
<title> Struktur Tabel </title>
</head>
<body>
<center><h1>Data Siswa Rekayasa Perangkat Lunak</h1></center>
<table width=”50%” border=”1” cellspacing=”0” cellpadding=”0” align=”center”>
<tr>
<td align=”center”><strong>NIS</strong></td>
<td align=”center”><strong>NAMA</strong></td>
<td align=”center”><strong>ALAMAT</strong></td>
</tr>
<tr>
<td align=”center”>09101123</td>
<td align=”center”>SATRIAN</td>
<td align=”center”>Padang Kejai</td>
</tr>
</body>
</html>
This comment has been removed by the author.
ReplyDeleteRezi oktavia
ReplyDeleteXL Rpl¹
DeleteNellirosalina
ReplyDeleteKlsXI rpl 1
https://Nellirosalina9@gmail.blogspot.com/2020/12/data -diri. html
Ponika sari
DeleteXI rpl 1
PonikaSari.blogspot.com
Lara Hajira Saputri
ReplyDeleteXl RPL¹
sipang Gunung