Tentukan Table html yang akan di buat contoh table mahasiswa
Tabel dalam HTML terdiri dari sel tabel di dalam baris dan kolom.
Tabel HTML dibuat menggunakan tag <table> dimana tag <tr> digunakan untuk membuat baris tabel dan tag <td> digunakan untuk membuat sel data. Elemen di bawah <td> teratur dan dibiarkan rata secara default
Sel Tabel
Setiap sel tabel ditentukan oleh a <td>dan </td>tag.
Baris Tabel
Contoh
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Belajar Web</title>
</head>
<body>
<table>
<tr>
<th>Name</th>
<th>Prodi</th>
<th>Kelas</th>
</tr>
<tr>
<td>Otong</td>
<td>Informatika</td>
<td>A1</td>
</tr>
<tr>
<td>Surotong</td>
<td>Sentem Informasi</td>
<td>A2</td>
</tr>
</table>
</body>
</html>
 |
| Gabar table html |
<table border="1">
<tr>
<th>Name</th>
<th>Prodi</th>
<th>Kelas</th>
</tr>
<tr>
<td>Otong</td>
<td>Informatika</td>
<td>A1</td>
</tr>
<tr>
<td>Surotong</td>
<td>Sentem Informasi</td>
<td>A2</td>
</tr>
</table>
Sekarang coba tabakan border pada table dan membuat text pada table menjadi tengah
<table border="2">
<tr>
<th>Name</th>
<th>Prodi</th>
<th>Kelas</th>
</tr>
<tr style="text-align: center;">
<td>Otong</td>
<td>Informatika</td>
<td>A1</td>
</tr>
<tr style="text-align: center;">
<td>Surotong</td>
<td>Sentem Informasi</td>
<td>A2</td>
</tr>
</table>
 |
| Gambar table html border |
Style Table Borders
Style untuk mengatur border gaya backround table pada html
Posting Komentar