SlideShare una empresa de Scribd logo
1 de 7
Memberi border (garis) pada tabel
Untuk membuat tabel terlihat jelas, maka kita harus memberi border (garis) pada tabel
tersebut dengan menuliskan:
<table border=”[ukuran]”>
Contoh:

Hasilnya seperti berikut:

Border (garis)

Semakin besar ukuran pixel, semakin tebal garis pada tabel tersebut.
Contoh:
Hasilnya..

Border (garis)
tebal

Mengatur Lebar dan Tinggi Tabel
Untuk mengatur lebar tabel menggunakan width, sedangkan untuk mengatur tinggi tabel
menggunakan height.

Hasil:
Width

Height
Bisa juga mengatur hanya baris tertentu atau kolom tertentu.
Misalnya, kita hanya ingin merubah ukuran baris 1 saja.

Hasinya seperti berikut:

Baris 1

Atau hanya ingin merubah ukuran kolom pertama saja.
Hasilnya:
Kolom 1

Mengatur jarak kolom pada tabel
Mengatur posisi cell dalam tabel menggunakan atribut cellpadding dan cellspacing.
Cellpadding adalah untuk pengaturan sisi dari bagian dalam cell.

Hasilnya..
Cellspacing adalah pengauran sisi bagian luar.

Hasilnya..

Border

Cellspacing

Memberi Judul pada tabel
Kita dapat menggunakan tag <caption> setelah tag <table> untuk memberi judul tabel
tersebut.
Hasilnya..
Judul tabel

Agar tabel terletak di tengah, kita gunakan tag <align=”center”> di dala tag <tabel>.
Hasilnya..

Más contenido relacionado

Destacado

Destacado (12)

Execushares beamer
Execushares beamer Execushares beamer
Execushares beamer
 
Leading with Style-Understanding Your Members
Leading with Style-Understanding Your MembersLeading with Style-Understanding Your Members
Leading with Style-Understanding Your Members
 
Qatar Outlook 2014 AAQ
Qatar Outlook 2014 AAQQatar Outlook 2014 AAQ
Qatar Outlook 2014 AAQ
 
Iwona light
Iwona lightIwona light
Iwona light
 
Baby Centre Mobile Mum Report
Baby Centre Mobile Mum ReportBaby Centre Mobile Mum Report
Baby Centre Mobile Mum Report
 
Kurier condensed
Kurier condensedKurier condensed
Kurier condensed
 
Szindarab
SzindarabSzindarab
Szindarab
 
4+5 шагов
4+5 шагов4+5 шагов
4+5 шагов
 
Holy Trinity_Infinite bounce 1
Holy Trinity_Infinite bounce 1Holy Trinity_Infinite bounce 1
Holy Trinity_Infinite bounce 1
 
2-DOF BLOCK POLE PLACEMENT CONTROL APPLICATION TO:HAVE-DASH-IIBTT MISSILE
2-DOF BLOCK POLE PLACEMENT CONTROL APPLICATION TO:HAVE-DASH-IIBTT MISSILE2-DOF BLOCK POLE PLACEMENT CONTROL APPLICATION TO:HAVE-DASH-IIBTT MISSILE
2-DOF BLOCK POLE PLACEMENT CONTROL APPLICATION TO:HAVE-DASH-IIBTT MISSILE
 
Software Engineer
Software EngineerSoftware Engineer
Software Engineer
 
Munkavegzes2
Munkavegzes2Munkavegzes2
Munkavegzes2
 

Más de Muhammad Arif Billah Faishaluddin (11)

04. color
04. color04. color
04. color
 
07. membuat table fixed header dan efek hover
07. membuat table fixed header dan efek hover07. membuat table fixed header dan efek hover
07. membuat table fixed header dan efek hover
 
05. Colspan dan rowspan
05. Colspan dan rowspan05. Colspan dan rowspan
05. Colspan dan rowspan
 
01. pengenalan tabel
01. pengenalan tabel01. pengenalan tabel
01. pengenalan tabel
 
05. Colspan dan rowspan
05. Colspan dan rowspan05. Colspan dan rowspan
05. Colspan dan rowspan
 
LE GRAND VOYAGE (PERJALANAN SUCI)
LE GRAND VOYAGE (PERJALANAN SUCI)LE GRAND VOYAGE (PERJALANAN SUCI)
LE GRAND VOYAGE (PERJALANAN SUCI)
 
The 7 Habits of Highly Effective People
The 7 Habits of Highly Effective PeopleThe 7 Habits of Highly Effective People
The 7 Habits of Highly Effective People
 
Biografi Bob Sadino
Biografi Bob SadinoBiografi Bob Sadino
Biografi Bob Sadino
 
Resume Film Red Cliff
Resume Film Red CliffResume Film Red Cliff
Resume Film Red Cliff
 
Resume Film Pay It Forward
Resume Film Pay It ForwardResume Film Pay It Forward
Resume Film Pay It Forward
 
The Air Asia Story
The Air Asia StoryThe Air Asia Story
The Air Asia Story
 

Tabel border garis

  • 1. Memberi border (garis) pada tabel Untuk membuat tabel terlihat jelas, maka kita harus memberi border (garis) pada tabel tersebut dengan menuliskan: <table border=”[ukuran]”> Contoh: Hasilnya seperti berikut: Border (garis) Semakin besar ukuran pixel, semakin tebal garis pada tabel tersebut. Contoh:
  • 2. Hasilnya.. Border (garis) tebal Mengatur Lebar dan Tinggi Tabel Untuk mengatur lebar tabel menggunakan width, sedangkan untuk mengatur tinggi tabel menggunakan height. Hasil: Width Height
  • 3. Bisa juga mengatur hanya baris tertentu atau kolom tertentu. Misalnya, kita hanya ingin merubah ukuran baris 1 saja. Hasinya seperti berikut: Baris 1 Atau hanya ingin merubah ukuran kolom pertama saja.
  • 4. Hasilnya: Kolom 1 Mengatur jarak kolom pada tabel Mengatur posisi cell dalam tabel menggunakan atribut cellpadding dan cellspacing. Cellpadding adalah untuk pengaturan sisi dari bagian dalam cell. Hasilnya..
  • 5. Cellspacing adalah pengauran sisi bagian luar. Hasilnya.. Border Cellspacing Memberi Judul pada tabel Kita dapat menggunakan tag <caption> setelah tag <table> untuk memberi judul tabel tersebut.
  • 6. Hasilnya.. Judul tabel Agar tabel terletak di tengah, kita gunakan tag <align=”center”> di dala tag <tabel>.