Page 111 - Modul Web
P. 111
Seperti yang tampak pada gambar di atas. tampilan dari table kita masih sangat standar. sekarang
kita akan langsung memulai mendesign table nya. buat sebuah file css dan langsung hubungkan
dengan file html nya. baca tutorial sebelumnya tentangbelajar html menghubungkan html dan
css.
<link rel="stylesheet" type="text/css" href="style.css">
Sehingga file html nya menjadi seperti berikut
index.html
<!DOCTYPE html>
<html>
<head>
<title>Cara Design Table Dengan CSS | www.malasngoding.com</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Cara Design Table Dengan CSS | www.malasngoding.com</h1>
<h4>Design table 1</h4>
<table class="table1">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Usia</th>
</tr>
<tr>
<td>1</td>
<td>Andi Saputra</td>
<td>Magelang</td>
<td>21</td>
</tr>
<tr>
111
