HIMANIFO UNIMMA
Membuat Table di HTML Web Programming
14:00:00, 11 November 2020
MEMBUAT TABLE DI HTML
Tabel merupakan struktur yang digunakan untuk menampilkan informasi dalam bentuk baris dan kolom. Untuk memahami pembuatan table, berikut saya sajikan penjelasannya:
1. <table> : tag untuk membuat table
2. <caption> : tag untuk membuat judul table
3. <tr> : tag untuk membuat baris dalam table
4. <td> : tag untuk membuat kolom dalam table
5. <th> : tag untuk membuat bagian kepala table
Berikut contoh pembuatan table:
<!DOCTYPE html>
<html>
<head>
<title>Membuat Table di HTML</title>
</head>
<body>
<table>
<tr>
<td>baris 1, kolom 1.</td>
<td>baris 1, kolom 2.</td>
</tr>
<tr>
<td>baris 2, kolom 1.</td>
<td>baris 2, kolom 2.</td>
</tr>
</table>
</body>
</html>
ATRIBUTE TABLE
Ada beberapa jenis atribut yang sering digunakan pada table, diantaranya:
1. Border: untuk memberikan garis tepi.
2. Cellpadding: untuk mengatur jarak antara isi text dan border.
3. Cellspacing: untuk mengatur jarak antar border.
4. Width: untuk mengatur lebar
5. Height: untuk mengatur tinggi
6. Bgcolor: untuk mengubah warna background kolom.
7. Style: untuk mengubah style
Contoh penulisan syntax membuat table dengan atribut di HTML sebagai berikut:
<!DOCTYPE html>
<html>
<head>
<title>Atribute Table di HTML</title>
</head>
<body>
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<td width="50%" height="20px">baris 1, kolom 1.</td>
<td width="50%" height="20px">baris 1, kolom 2.</td>
</tr>
<tr>
<td bgcolor="black">baris 2, kolom 1.</td>
<td bgcolor="blue">baris 2, kolom 2.</td>
</tr>
</table>
</body>
</html>
MUDAH KAN ?? SELANJUTNYA..
Membuat Link di HTML Web Programming | HIMANIFO UNIMMA →
Jika ada pertanyaan bisa gabung diskusi dibawah atau kontak langsung
Mail :
ajiwahyu12592@gmail.com
#Himanifo Unimma
#Membuat Table Di HTML
#Belajar Web Programming
#Himpunan Mahasiswa Jurusan Teknik Informatika