PENGERTIAN
Tabel adalah sebuah alat untuk menampilkan informasi dalam bentuk matriks.
Dalam pembuatan tabel kali ini, saya menggunakan CSS internal. yaitu CSS yang berada di dalam file HTML tepatnya di antara sintag <head> .. </head>.
<!DOCTYPE html>Coba ketik script di atas di laptop kawan kawan, lalu save dan run di browser.
<html>
<head>
<title>Membuat Table dengan CSS</title>
<style type="text/css">
table {
border-collapse: collapse;
border-left: 1px;
width: 100%;
height: auto;
}
th {
background-color: #4CAF50;
color: white;
font-family: raleway;
text-align: center;
}
tr {
background-color: #DCDCDC;
text-align: center;
}
td , th {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
</style>
</head>
<body>
<table>
<th>
Nama
</th>
<th>
Sekolah
</th>
<th>
Jurusan
</th>
<tr>
<td>Muhammad Fajar Shodiq</td>
<td>SMK N 2 Karanganyar</td>
<td>RPL</td>
</tr>
<tr>
<td>Revo Alderi</td>
<td>SMK N 2 Karanganyar</td>
<td>RPL</td>
</tr>
<tr>
<td>Fadila Junitaningsih</td>
<td>SMK N 2 Karanganyar</td>
<td>RPL</td>
</tr>
<tr>
<td>Alif Sutoni</td>
<td>SMK N 2 Karanganyar</td>
<td>RPL</td>
</tr>
</table>
</body>
</html>
 | |
| Hasil run di browser |
Ok sekian dulu kawan kawan post kali ini dari saya semoga bermanfaat. Sekian dan Terimakasih.
EmoticonEmoticon