Selasa, 23 Juli 2013

Mengatur Tampilan Tabel pada Halaman Web - HTML

Kita juga bisa memberi warna, mengatur ukuran tabel serta meratakan teks. Berikut penjelasannya :
  • Memberi warna
    • berikan atribut BGCOLOR (maksudnya background), sehingga misal syntaxnya <TD BGCOLOR="YELLOW">.
  • Mengatur Ukuran
    • berikan atribut WIDTH, misalnya <td width=50%>, artinya ukurannya 50% dari halaman web. Cara lain, misalnya <TD WIDTH=50>, artinya ukurannya 50 pixel.
  • Perataan Teks
    • berikan atribut ALIGN (untuk left-center-right) dan VALIGN (untuk top-middle-bottom). Misalnya <TD ALIGN=TOP>.
Belum jelas, simak code dan hasilnya

<html>
<head>
<title>Table 2</title>
</head>
<body>
<table border width=50%>
<tr>
 <th bgcolor=grey align=center>Nama</th>
 <th bgcolor=grey align=center>Jabatan</th>
</tr>
<tr>
 <td>SBY</td>
 <td>Presiden</td>
</tr>
<tr>
 <td>JK</td>
 <td>Wapres</td>
</tr>
</table>
</body>
</html>
Hasilnya

Tidak ada komentar:

Posting Komentar