Belajar Table di HTML5
Kali ini kita akan belajar Bagaimana membuat table di HTML5 dengan guys.
contoh dari gambar nya di bawah ini :
Nah cara membuat table seperti di atas sangat mudah banget guys. kalian bisa amati source code di bawah ini :
<!DOCTYPE html>
<html>
<head>
<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>
<h2 style= "text-align : center"> Belajar HTML5 Table By Taufik Ismail</h2>
<table>
<tr>
<th style= "text-align : center">NIM</th>
<th style= "text-align : center">NAMA</th>
<th style= "text-align : center">JURUSAN</th>
</tr>
<tr>
<td>5150411070</td>
<td>Taufik Ismail</td>
<td>Informatika</td>
</tr>
<tr>
<td>5150411089</td>
<td>Muhammad Rizki Perdana</td>
<td>Informatika</td>
</tr>
<tr>
<td>5150411071</td>
<td>Febri Purnomo</td>
<td>informatika</td>
</tr>
<tr>
<td>5150411112</td>
<td>Dwiki Likuisa</td>
<td>Informatika</td>
</tr>
<tr>
<td>5150411074</td>
<td>Irvan Ali Nurdin</td>
<td>Informatika</td>
</tr>
<tr>
<td>5150411077</td>
<td>Danang Sucahyo</td>
<td>Informatika</td>
</tr>
</table>
</body>
</html
<html>
<head>
<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>
<h2 style= "text-align : center"> Belajar HTML5 Table By Taufik Ismail</h2>
<table>
<tr>
<th style= "text-align : center">NIM</th>
<th style= "text-align : center">NAMA</th>
<th style= "text-align : center">JURUSAN</th>
</tr>
<tr>
<td>5150411070</td>
<td>Taufik Ismail</td>
<td>Informatika</td>
</tr>
<tr>
<td>5150411089</td>
<td>Muhammad Rizki Perdana</td>
<td>Informatika</td>
</tr>
<tr>
<td>5150411071</td>
<td>Febri Purnomo</td>
<td>informatika</td>
</tr>
<tr>
<td>5150411112</td>
<td>Dwiki Likuisa</td>
<td>Informatika</td>
</tr>
<tr>
<td>5150411074</td>
<td>Irvan Ali Nurdin</td>
<td>Informatika</td>
</tr>
<tr>
<td>5150411077</td>
<td>Danang Sucahyo</td>
<td>Informatika</td>
</tr>
</table>
</body>
</html
Semoga postingan kali ini bermanfaat bagi anda yang ingin belajar membuat table dengan HTML5
