際際滷

際際滷Share a Scribd company logo
dasar pemograman web 2 tabel html untuk kelas x
Membuat Tabel HTML
 Tabel banyak digunakan untuk menampilkan sebuah informasi
 yang lebih ringkas dan mudah dibaca. Untuk membuat tabel
digunakan
 tag awal <table> dan tag akhir </table>. Tag<table> memiliki
beberapa
bagian penting, yaitu:
1. <caption>  </caption> digunakan untuk membentuk judul
tabel. Judul tabel ini akan terletak di luar tabel, bisa dibagian
atas atau di bagian bawah.
2. <th>  </th> digunakan untuk meletakkan judul tabel di bagian
paling atas atau paling kiri dari suatu tabel. Tabel header akan
dicetak dalam huruf tebal.
3. <tr>  </tr> dipakai untuk membentuk garis pada suatu tabel.
4. <td>  </td> digunakan sebagai tempat menulis data atau
informasi dalam tabel.
Atributtag<table> Keterangan
Align Posisi horizontal tabel
Background Menentukan gambar latar belakang tabel
Bgcolor Menentukan warna latar belakang tabel
Border Menentukan tebal bingkai tabel
Bordercolor Menentukan warna bingkai tabel
bordercolorlight Menentukan warna depan bingkai tabel
bordercolordark Menentukan warna bayangan bingkai tabel
cellspacing Menentukan jarak spasi antar sel
cellpadding Menentukan jarak isi sel dengan bingkai
height
Menentukan tinggi tabel
width Menentukan lebar tabel
valign
Menentukan posisi vertikal teks dalam sel
 <html>
 <head>
 <title>Format Font </title>
 </head>
 <body>Tabel Colspan
 <table border=1 cellspacing="2" width="50%">
 <tr><td colspan="3" align="center" BGCOLOR="yellow">
 Quarter 1</td></tr>
 <tr><td>Januari</td><td>Februari</td>
 <td BGCOLOR="skyblue"> Maret</td></tr>
 </table>
 <br>
 Tabel Rowspan
 <table border="1" cellspacing="3" width="40%">
 <tr BGCOLOR="yellow"><td rowspan="3">Quarter-
 1</td><td>Januari</td></tr>
 <tr><td align="center">Februari</td></tr>
 <tr><td align="left"
 BGCOLOR="skyblue">Maret</td></tr></table>
 </body>
 </html>

More Related Content

Similar to dasar pemograman web 2 tabel html untuk kelas x (20)

HTML elemen tabel
HTML elemen tabelHTML elemen tabel
HTML elemen tabel
Deka M Wildan
Membuat desain website berbasis html dengan notepad
Membuat desain website berbasis html dengan notepadMembuat desain website berbasis html dengan notepad
Membuat desain website berbasis html dengan notepad
Ardiyanto Top
pertemuan 8
pertemuan 8pertemuan 8
pertemuan 8
RereRenata
Materi Web Statis
 Materi Web Statis Materi Web Statis
Materi Web Statis
I Made Adiguna
Modul HTML Lanjut
Modul HTML LanjutModul HTML Lanjut
Modul HTML Lanjut
Irwien Andriyanto
Web html
Web htmlWeb html
Web html
Fajar Baskoro
04 materi table
04 materi table04 materi table
04 materi table
Menny SN
Tabel HTML
Tabel HTMLTabel HTML
Tabel HTML
FaishalRusydan1
Menggunakan Perangkat Lunak Lembar Sebar (Spreadsheet) Tingkat Dasar.pdf
Menggunakan Perangkat Lunak Lembar Sebar (Spreadsheet) Tingkat Dasar.pdfMenggunakan Perangkat Lunak Lembar Sebar (Spreadsheet) Tingkat Dasar.pdf
Menggunakan Perangkat Lunak Lembar Sebar (Spreadsheet) Tingkat Dasar.pdf
DianKurniasih6
Tugas Kelompok 2 - Pemrograman Web
Tugas Kelompok 2 - Pemrograman WebTugas Kelompok 2 - Pemrograman Web
Tugas Kelompok 2 - Pemrograman Web
SMK Kartika XX-1 Makassar
Tugas Kelompok 3 - Pemrograman Web
Tugas Kelompok 3 - Pemrograman WebTugas Kelompok 3 - Pemrograman Web
Tugas Kelompok 3 - Pemrograman Web
SMK Kartika XX-1 Makassar
Tabel HTML
Tabel HTMLTabel HTML
Tabel HTML
FaishalRusydan1
Format Tabel Halaman Web
Format Tabel Halaman WebFormat Tabel Halaman Web
Format Tabel Halaman Web
SMK Kartika XX-1 Makassar
Modul Membuat Tabel pada HTML
Modul Membuat Tabel pada HTMLModul Membuat Tabel pada HTML
Modul Membuat Tabel pada HTML
Irwien Andriyanto
Pemrograman Web pertemuan 3-obe.pptx
Pemrograman Web pertemuan 3-obe.pptxPemrograman Web pertemuan 3-obe.pptx
Pemrograman Web pertemuan 3-obe.pptx
ShadowGaming85
Modul 2a html
Modul 2a htmlModul 2a html
Modul 2a html
Siigit Aziz
Html
HtmlHtml
Html
andika668538
Pertemuan 2
Pertemuan 2Pertemuan 2
Pertemuan 2
Indra Abdam Muwakhid
Praktek
PraktekPraktek
Praktek
Ayu Karisma Alfiana
Format Tabel
Format TabelFormat Tabel
Format Tabel
Afrinaldy 悖惡惠

dasar pemograman web 2 tabel html untuk kelas x

  • 2. Membuat Tabel HTML Tabel banyak digunakan untuk menampilkan sebuah informasi yang lebih ringkas dan mudah dibaca. Untuk membuat tabel digunakan tag awal <table> dan tag akhir </table>. Tag<table> memiliki beberapa
  • 3. bagian penting, yaitu: 1. <caption> </caption> digunakan untuk membentuk judul tabel. Judul tabel ini akan terletak di luar tabel, bisa dibagian atas atau di bagian bawah. 2. <th> </th> digunakan untuk meletakkan judul tabel di bagian paling atas atau paling kiri dari suatu tabel. Tabel header akan dicetak dalam huruf tebal. 3. <tr> </tr> dipakai untuk membentuk garis pada suatu tabel. 4. <td> </td> digunakan sebagai tempat menulis data atau informasi dalam tabel.
  • 4. Atributtag<table> Keterangan Align Posisi horizontal tabel Background Menentukan gambar latar belakang tabel Bgcolor Menentukan warna latar belakang tabel Border Menentukan tebal bingkai tabel Bordercolor Menentukan warna bingkai tabel bordercolorlight Menentukan warna depan bingkai tabel bordercolordark Menentukan warna bayangan bingkai tabel cellspacing Menentukan jarak spasi antar sel cellpadding Menentukan jarak isi sel dengan bingkai height Menentukan tinggi tabel width Menentukan lebar tabel valign Menentukan posisi vertikal teks dalam sel
  • 5. <html> <head> <title>Format Font </title> </head> <body>Tabel Colspan <table border=1 cellspacing="2" width="50%"> <tr><td colspan="3" align="center" BGCOLOR="yellow"> Quarter 1</td></tr> <tr><td>Januari</td><td>Februari</td> <td BGCOLOR="skyblue"> Maret</td></tr> </table> <br> Tabel Rowspan <table border="1" cellspacing="3" width="40%"> <tr BGCOLOR="yellow"><td rowspan="3">Quarter- 1</td><td>Januari</td></tr> <tr><td align="center">Februari</td></tr> <tr><td align="left" BGCOLOR="skyblue">Maret</td></tr></table> </body> </html>