dasar pembuatan table pada blog

29 Sep 2013

Mungkin bagi sobat sobat postingan dasar membuat table pada blog ini sudah sangat basi. tapi menurut saya ini sangat berguna sekali, karena table berguna untuk meringkas penampilan data data, inilah dasar dasar nya

Name	ID	Favorite Color
Jim	00001	Blue
Sue	00002	Red
Barb	00003	Green

table {
border-collapse: collapse;
}
td, th {
margin:2px auto; 
border: 1px solid #999;
padding: 0.5rem;
text-align: left;
}

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>ID</th>
      <th>Favorite Color</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Jim</td>
      <td>00001</td>
      <td>Blue</td>
    </tr>
    <tr>
      <td>Sue</td>
      <td>00002</td>
      <td>Red</td>
    </tr>
    <tr>
      <td>Barb</td>
      <td>00003</td>
      <td>Green</td>
    </tr>
  </tbody>
</table>

table

Taufik 10.52