Halaman Utama Listing Mahasiswa Listing Dosen Listing Materi
Kamis. 02 Mei 2024 - 08:11 WIB
 



Di dalam tag baris di atas kita spesifikasikan kolom seperti ini :

KULIAH ONLINE [BETA]
LOGIN
Username:
Password:
Dosen Mahasiswa
 
DAFTAR
Pilih tipe account, lalu klik daftar untuk melakukan pendaftaran.

 
LUPA PASSWORD
Bagi Mahasiswa dan Dosen yang lupa dengan passwordnya, silahkan untuk menggunakan fasilitas lupa password »
Jumlah Pengunjung :
66390830

Materi: Manipulasi Tabel

Listing Materi Perkuliahan / Manipulasi Tabel
Nama Dosen:Hendrik Rupang
Nama Kelas:Webmaster
Nama Matakuliah:Membuat Wesite Gratis
Manipulasi Tabel 
TAG Table ini sangat berguna untuk mengadakan pengaturan komposisi halaman dan paling membantu dalam menyusun sebuah dokumen dalam HTML. Untuk mengkonstruksi sebuah interface (antarmuka) secara grafik
Isi MateriTAG Table ini sangat berguna untuk mengadakan pengaturan komposisi halaman dan paling membantu dalam menyusun sebuah dokumen dalam HTML. Untuk mengkonstruksi sebuah interface (antarmuka) secara grafik dan berbagai interaktifitas pengguna.

Tag Table ini bersifat Blok dan akan terlihat sebagai berikut:




Di dalam blok tersbut kita menytakan jumlah baris dan dalam baris tersebut kita menyatakan jumlah kolom yang akan kita gunakan.

Untuk menciptakan baris gunakan tag berikut dalam blok Tag TABLE:







TD berarti Table Data. Segala informasi yang ingin kita tampilan dalam table di letakkan di antara Tag TD ini. Menambahkan beberapa TD lagi akan menambahkan jumlah kolem dalam Table anda.






Status: Menikah


Kode di atas akan tampil dalam halaman browser kita sebagai berikut:

Status:

Menikah

Ini adalah contoh lain :

Name:

Suhartono

Status:

Menikah

Ada tambahan baris, dan kode-nya akan terlihat sebagai berikut :










Name: Suhartono
Status: Menikah


Untuk membuat sebuah kolom melebar melewati kolom?kolom lainnya, kode yang digunakan adalah colspan (column expand) diikuti dengan value dri berapa jumlah kolom yang akan dilewati.

















Database
Name: Suhartono
Status: Menikah
Pendidikan BFG


Table akan terlihat sebagai berikut :

Database

Name:

Suhartono

Status:

Menikah

Pendidikan

BFG

REVIEW

Secara garis besar cara kerja Tag TABLE adalah sebagai berikut:

Segala data disimpan di antara blok table.

Baris Tabel : perintah ini memunculkan sebuah baris dalam tabel
Kolom Tabel : bagian ini menciptakan sebuah klom yang akan diisi data apapun yang berada di antaranya.
Beberapa atribut yang dapat digunakan dalam Tag TABLE adalah sebagai berikut :

Attributes

Description

Values



CELLPADDING

Spasi yang akan mengganjal
data yang tersimpan dalam
sebuah sel dengan border sel

Jumlah Pixel

CELLSPACING

Spasi yang akan memberi jarak
antar sel satu sama lain

Jumlah Pixel

BORDER

Besaran border, tepian dari table
dan antar sel

Jumlah Pixel

BGCOLOR

Warna latar dari table

Warna, atau nilai hexa
desimal warna

BACKGROUND

The URL dari gambar yang ingin
dipakai dalam background tabel.

JPG or GIF source

ALIGN

Pengaturan pe-rata-an data

LEFT, RIGHT, CENTER

WIDTH

Lebar table

Nilai dalam jumlah pixel
atau persen

HEIGHT

Tinggi table

Nilai dalam jumlah pixel
atau persen



VALIGN

Pengaturan alinea dalam
baris sel secara vertikal

TOP, MIDDLE, BOTTOM,
BASELINE

ALIGN

Pengaturan alinea dalam
baris sel secara horizontal

RIGHT, LEFT, CENTER,
JUSTIFY

BORDERCOLOR

Warna tepian (border)

Warna, atau nilai hexa
desimal warna

BORDERCOLORLIGHT

Warna bagian atas dari border

Warna, atau nilai hexa
desimal warna

BORDERCOLORDARK

Warna bagian bawah border

Warna, atau nilai hexa
desimal warna

BGCOLOR

Warna latar dari sel

Warna, atau nilai hexa
desimal warna



VALIGN

Pengaturan alinea dalam baris sel
secara vertikal

TOP, MIDDLE, BOTTOM,
BASELINE

ALIGN

Pengaturan alinea dalam baris sel
secara horizontal

RIGHT, LEFT, CENTER,
JUSTIFY

ROWSPAN

Number of rows the cell spans across

Jumlah Baris

COLSPAN

Number of columns the cell spans across

Jumlah Kolom

BGCOLOR

Warna latar

Warna, atau nilai hexa
desimal warna

BACKGROUND

URL dari data yang akan digunakan sebagai latar belakang dapat berupa gambar.

Source file
Update : 20:36:13 19/04/2005