HTML tables part 1
Hello sobat comering, kali ini saya akan membahas tentang HTML tables,
jadi apa itu HTML tables ???,
HTML table didefinisikan dengan tag <table>, lalu table row didefinisikan dengan tag <tr>. Table header didefinisikan dengan tag <th>, untuk table data/cell didefinisikan dengan tag <td>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background-color: #dddddd;
}
</style>
</head>
<body>
<body>
<h2>HTML Table</h2>
<table>
<tr>
<th>Name</th>
<th>Birthday</th>
<th>Kota</th>
</tr>
<tr>
<td>Jotaro Kujo</td>
<td>1970</td>
<td>Japanese</td>
</tr>
<tr>
<td>Noriaki Kakyoin</td>
<td>Unknown</td>
<td>Unknown</td>
</tr>
<tr>
<td>Jean-Paul Polnareff</td>
<td>1965</td>
<td>France</td>
</tr>
</table>
</body>
</html>
Sekian Dulu, Selamat Mencoba
Komentar
Posting Komentar