KODE (TAG) DALAM HTML
Kode dasar membuat
table di HTML-Untuk membuat
tabel/table menggunakan kode HTML caranya sangat mudah. Silahkan diperhatikan
terlebih dahulu kode dasar dalam pembuatan table menggunakan kode HTML dibawah
ini.
1
2
3
4
5
6
7
8
9
10
11
12
13
|
<html>
<head>
<title>Tabel</title>
</head>
<body>
<table border="1">
<tr>
<td>Kolom 1 baris ke 1</td>
<td>Kolom 1 baris ke 1</td>
</tr>
</table>
</body>
</html>
|
Contoh table 1.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<html>
<head>
<title>Contoh Table
1</title>
</head>
<body>
<table border="1">
<tr>
<td>Kolom 1 baris ke
1</td>
<td>Kolom 1 baris ke 1</td>
</tr>
<tr>
<td>Kolom 1 baris ke 2</td>
<td>Kolom 1 baris ke 2</td>
</tr>
</table>
</body>
</html>
|
Kode contoh table 1
diatas, jika ditampilkan dengan browser seperti dibawah ini.
Atribut Pada Tabel
Atribut pada tabel
HTML merupakan informasi tambahan dari Tag yang digunakan dalam pembuatan
Tabel. Beberapa atribut yang sering digunakan dalam pembuatan Tabel antara
lain:
1
2
3
4
5
6
7
8
|
<table border="1">atribut
ini digunakan untuk mengatur ketebalan garis tabel.
<td height="90px">
atribut ini digunakan untuk
mengatur tinggi kolom
<td width="400px">
atribut ini digunakan untuk
mengatur lebar kolom
<td rowspan="2">
atribut ini digunakan untuk
menggabungkan beberapa baris
<td colspan="2">atribut ini
digunakan untuk menggabungkan beberapa kolom
|
Selain atribut diatas,
masih banyak lagi atribut-atribut lainnya yang sering digunakan dalam pembuatan
table di HTML. Pengetahuan lebih lengkap bisa dilihat pada laman:Jenis-jenis
Atribut Pada Table HTML
Contoh penggunaan
atribut pada table
Berikut beberapa penggunaan atribut pada pembuatan Tabel menggunakan HTML.
Berikut beberapa penggunaan atribut pada pembuatan Tabel menggunakan HTML.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
<html>
<head>
<title>Contoh Table
2</title>
</head>
<body>
<table border="1">
<tr>
<td colspan="2"
width="720px"
height="90px">Header</td>
</tr>
<tr>
<td width="200px"
height="400px">Sidebar </td>
<td>Content</td>
</tr>
<tr>
<td colspan="2"
height="90px">Footer</td>
</tr>
</table>
</body>
</html>
|
Pada kode yang di
highlight, ada tiga atribut yang digunakan yaitu atribut:
1
2
3
|
<colspan="2">atribut
ini digunakan untuk menggabungkan dua kolom
<width="720px">atribut
ini digunakan untuk mengatur lebar tabel menjadi 720px
<height="90px">atribut
ini digunakan untuk mengatur tinggi baris menjadi 90px
|
No comments:
Post a Comment