SlideShare a Scribd company logo
1 of 7
Tabel dalam HTML
By : Ditta Audia Roza
Kegunaan Tabel
• Tabel digunakan untuk menyajikan
data dalam bentuk kolom dan baris.
Elemen Tabel
• <table> … </table>
Merupakan tag pembuka dan penutup sebuah table yang di
definisikan pada HTML.

• <caption> … </caption>
Mendefinisikan tulisan untuk judul tabel. Posisi default yaitu
terletak di tengah pada bagian atas tabel.
Elemen Tabel
• <th> … </th>
Mendefinisikan sel header tabel. Posisi default teks dalam sel ini
dicetak tebal dan ditampilkan secara center.

• <tr> … </tr>
Mendefinisikan sebuah baris tabel.

• <td> … </td>
Mendefinisikan sebuah sel data tabel.
Atribut Tabel
• align = {left | center | right}
Mendefinisikan alignment horizontal untuk sel.

• valign = {top | middle | bottom}
Mendefinisikan alignment vertical dalam sel.
Atribut Tabel
• colspan = n
Menggabungkan n kolom sel.
• rowspan = n
Menggabungkan n baris sel.
Style Tabel
• Tabel dengan Border
• Tabel tanpa Border
• Tabel dengan Caption

More Related Content

Viewers also liked (20)

780099
780099780099
780099
 
780077
780077780077
780077
 
780061
780061780061
780061
 
780066
780066780066
780066
 
Cuti peristiwa & ganti 2014
Cuti peristiwa & ganti 2014Cuti peristiwa & ganti 2014
Cuti peristiwa & ganti 2014
 
780097
780097780097
780097
 
780052
780052780052
780052
 
780131
780131780131
780131
 
780106
780106780106
780106
 
780073
780073780073
780073
 
780139
780139780139
780139
 
780048
780048780048
780048
 
Proyecto fep
Proyecto fep Proyecto fep
Proyecto fep
 
Power Estrategias
Power EstrategiasPower Estrategias
Power Estrategias
 
New microsoft office word document
New microsoft office word documentNew microsoft office word document
New microsoft office word document
 
780060
780060780060
780060
 
780098
780098780098
780098
 
780117
780117780117
780117
 
780105
780105780105
780105
 
780124
780124780124
780124
 

Similar to Tabel dalam html

Similar to Tabel dalam html (12)

Pemanfaatan perangkat lunak pengolah angka
Pemanfaatan perangkat lunak pengolah angkaPemanfaatan perangkat lunak pengolah angka
Pemanfaatan perangkat lunak pengolah angka
 
Pemanfaatan perangkat lunak pengolah angka
Pemanfaatan perangkat lunak pengolah angkaPemanfaatan perangkat lunak pengolah angka
Pemanfaatan perangkat lunak pengolah angka
 
Pertemuan6
Pertemuan6Pertemuan6
Pertemuan6
 
18013745.ppt
18013745.ppt18013745.ppt
18013745.ppt
 
Tabel HTML
Tabel HTMLTabel HTML
Tabel HTML
 
Format Tabel Halaman Web
Format Tabel Halaman WebFormat Tabel Halaman Web
Format Tabel Halaman Web
 
Tabel HTML
Tabel HTMLTabel HTML
Tabel HTML
 
Format Tabel
Format TabelFormat Tabel
Format Tabel
 
WEB DESIGN PErt 4.pptx
WEB DESIGN PErt 4.pptxWEB DESIGN PErt 4.pptx
WEB DESIGN PErt 4.pptx
 
Microsoft Excel dasar.ppt
Microsoft Excel dasar.pptMicrosoft Excel dasar.ppt
Microsoft Excel dasar.ppt
 
Beginner Meet 3.pptx
Beginner Meet 3.pptxBeginner Meet 3.pptx
Beginner Meet 3.pptx
 
Tugas Kelompok 3 - Pemrograman Web
Tugas Kelompok 3 - Pemrograman WebTugas Kelompok 3 - Pemrograman Web
Tugas Kelompok 3 - Pemrograman Web
 

Tabel dalam html

  • 1. Tabel dalam HTML By : Ditta Audia Roza
  • 2. Kegunaan Tabel • Tabel digunakan untuk menyajikan data dalam bentuk kolom dan baris.
  • 3. Elemen Tabel • <table> … </table> Merupakan tag pembuka dan penutup sebuah table yang di definisikan pada HTML. • <caption> … </caption> Mendefinisikan tulisan untuk judul tabel. Posisi default yaitu terletak di tengah pada bagian atas tabel.
  • 4. Elemen Tabel • <th> … </th> Mendefinisikan sel header tabel. Posisi default teks dalam sel ini dicetak tebal dan ditampilkan secara center. • <tr> … </tr> Mendefinisikan sebuah baris tabel. • <td> … </td> Mendefinisikan sebuah sel data tabel.
  • 5. Atribut Tabel • align = {left | center | right} Mendefinisikan alignment horizontal untuk sel. • valign = {top | middle | bottom} Mendefinisikan alignment vertical dalam sel.
  • 6. Atribut Tabel • colspan = n Menggabungkan n kolom sel. • rowspan = n Menggabungkan n baris sel.
  • 7. Style Tabel • Tabel dengan Border • Tabel tanpa Border • Tabel dengan Caption