HIMANIFO UNIMMA
 Membuat Table di HTML Web Programming 

14:00:00, 11 November 2020

Web Programming

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>

Try Here >>

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>

Try Here >>

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

Gabung Diskusi