Memberikan Tabel Sebuah Style yang Menakjubkan
 |
| Tabel |
Untuk memberikan style di sebuah tabel, hal yang diperlukan adalah bahan percobaan yaitu tabel. Script tabelnya :
Script Tabel
<table border="1"><tr>
<td>Nomor Versi Android</td><td>Nama Versi Android</td>
</tr>
<tr>
<td>1.5</td><td>Cupcake</td>
</tr>
<tr>
<td>1.6</td><td>Donut</td>
</tr>
</table>
Memberikan Style collapse
<html>
<head>
<style>
table
{
border-collapse:collapse;
}
</style>
<title>Tabel</title>
</head>
<body>
<table border="1">
<tr>
<td>Nomor Versi Android</td><td>Nama Versi Android</td>
</tr>
<tr>
<td>1.5</td><td>Cupcake</td>
</tr>
<tr>
<td>1.6</td><td>Donut</td>
</tr>
</table>
</body>
</html>
Style di tag td
a. Mengatur Align di Tag td
<html>
<head>
<style>
td
{
text-align:center;
}
</style>
<title>Tabel</title>
</head>
<body>
<table border="1">
<tr>
<td>Nomor Versi Android</td><td>Nama Versi Android</td>
</tr>
<tr>
<td>1.5</td><td>Cupcake</td>
</tr>
</table>
</body>
</html>
b. Mengatur Padding di td
<html>
<head>
<style>
td
{
text-align:center;
padding:15px;
}
</style>
<title>Tabel</title>
</head>
<body>
<table border="1">
<tr>
<td>Nomor Versi Android</td><td>Nama Versi Android</td>
</tr>
<tr>
<td>1.5</td><td>Cupcake</td>
</tr>
</table>
</body>
</html>
Mengatur Width dan Height Tabel
<html>
<head>
<style>
table
{
width:100px;
height:75px;
}
</style>
<title>Tabel</title>
</head>
<body>
<table border="1">
<tr>
<td>Nomor Versi Android</td><td>Nama Versi Android</td>
</tr>
<tr>
<td>1.5</td><td>Cupcake</td>
</tr>
</table>
</body>
</html>
Baca juga: Kelebihan dan Kekurangan nge-Blog dan Blog
<head>
<style>
table
{
width:100px;
height:75px;
}
</style>
<title>Tabel</title>
</head>
<body>
<table border="1">
<tr>
<td>Nomor Versi Android</td><td>Nama Versi Android</td>
</tr>
<tr>
<td>1.5</td><td>Cupcake</td>
</tr>
</table>
</body>
</html>
Baca juga: Kelebihan dan Kekurangan nge-Blog dan Blog
2 komentar
komentarTampilan nya bisa dibuat yang lebih maksimal lagi nggak! Biar lembut saja kan dengan css
ReplyBisa gan,, nanti saya akan belajar. Terima kasih sarannya..
Reply