Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Zanial Mazalisa, S.Kom.,M.M http://blog.binadarma.ac.id/nayel
Pertemuan VII
2
Table HTML Digukan utk menyajikan data dlm bentuk kolom dan baris
Tabel juga dapat dipergunakan sebagai LayOut dari document HTML Diperbolehkan membuat table dalam table
3
Tabel HTML Tag-tag Tabel <table> .. </table>
Mendefinisikan sebuah table Jika atribut border didefinisikan maka tabel akan diberi border/bingkai <tr>.. </tr> Mendefinisikan sebuah baris dalam table <td>..</td> Mendefinisikan sebuah sel, bagian ini yang dapat diisi informasi <caption>..</caption> Mendefinisikan Caption <th>..</th> Mendefinisikan heading
4
Tabel HTML Atribut Table
Width=“…” mengatur lebar dari table berupa pixel atau persen Border=“…” mengatur ukuran bingkai table Cellspacing=“…” mengatur jarak antar cel Cellpadding=“…” mengajtur jarak bingkai dengan isi Align=“…” mengatur perataan tengah, kanan atau kiri Bgcolor=“…” mengatur warna dasar belakang table
5
Tabel HTML Artibut TR Atribut TD
Align=“…” mengatur perataan isi table tengah, kiri atau kanan Valign=“…” mengatur perataan secara vertical, tengah atau bawah Bgcolor=“…” mengatur warna dasar cel Atribut TD Rowspan=“…” menggabungkan beberapa baris menjadi satu Colspan=“…” menggabungkan beberapa kolo, menjadi satu
6
Contoh Table <html> <body> <table border="1">
<tr> <td>100</td> </tr> </table> <br> Satu baris, tiga kolom <td>200</td> <td>300</td> </tr> </table> Dua baris dan tiga kolom <td>400</td> <td>500</td> <td>600</td> </body> </html>
7
Contoh Tabel tanpa Border
<html> <body> Tabel Tanpa Border <table> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <td>400</td> <td>500</td> <td>600</td> </table> </body> </html>
8
Border <html> <body> <h4>Border sedang:</h4>
<table border="8"> <tr> <td>First</td> <td>Row</td> </tr> <td>Second</td> </table> <h4>Dengan Border besar:</h4> <table border="15"> </body> </html>
9
Heading <html> <body> <h4>Table headers:</h4>
<table border="1"> <tr> <th>Name</th> <th>Telephone</th> </tr> <td>Bill Gates</td> <td> </td> <td> </td> </table> <h4>Vertical headers:</h4> <th>First Name:</th> <th>Telephone:</th> </body> </html>
10
Contoh tabel cel kosong
<html> <body> <table border="1"> <tr> <td>Some text</td> </tr> <td></td> </table> </body> </html>
11
Dengan Caption <html> <body> <table border="6">
<caption>My Caption</caption> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <td>400</td> <td>500</td> <td>600</td> </table> </body> </html>
12
Collspan <html> <body>
<h4>Cell that spans two columns:</h4> <table border="1"> <tr> <th>Name</th> <th colspan="2">Telephone</th> </tr> <td>Bill Gates</td> <td> </td> <td> </td> </table> </body> </html>
13
Rowspan <html> <body>
<h4>Cell that spans two rows:</h4> <table border="1"> <tr> <th>First Name:</th> <td>Bill Gates</td> </tr> <th rowspan="2">Telephone:</th> <td> </td> <td> </td> </table> </body> </html>
14
Cellspadding <html> <body>
<h4>With cellpadding:</h4> <table border="1“ cellpadding="10"> <tr> <td>First</td> <td>Row</td> </tr> <td>Second</td> </table> </body> </html>
15
CellSpacing <html> <body>
<h4>With cellspacing:</h4> <table border="1" cellspacing="10"> <tr> <td>First</td> <td>Row</td> </tr> <td>Second</td> </table> </body> </html>
16
Background Color Table
<html> <body> <h4>A background color:</h4> <table border="1" bgcolor="red"> <tr> <td>First</td> <td>Row</td> </tr> <td>Second</td> </table> </body> </html>
17
Background Image <html> <body>
<h4>A background image:</h4> <table border="1" background="bgdesert.jpg"> <tr> <td>First</td> <td>Row</td> </tr> <td>Second</td> </table> </body> </html>
18
Background Cell <html> <body>
<h4>Cell backgrounds:</h4> <table border="1"> <tr> <td bgcolor="red">First</td> <td>Row</td> </tr> <td background="bgdesert.jpg"> Second</td> </table> </body> </html>
19
Align <html> <body> <table width="400" border="1">
<tr> <th align="left">Money spent on....</th> <th align="right">January</th> <th align="right">February</th> </tr> <td align="left">Clothes</td> <td align="right">$241.10</td> <td align="right">$50.20</td> <td align="left">Make-Up</td> <td align="right">$30.00</td> <td align="right">$44.45</td> <td align="left">Food</td> <td align="right">$730.40</td> <td align="right">$650.00</td> <th align="left">Sum</th> <th align="right">$ </th> <th align="right">$744.65</th> </table> </body> </html>
20
Tugas Profile Pribadi Info lain Foto Album
Blog Link Google.Com Yahoo.com Berita Detik Antara Kompas Profile Pribadi Saya Nadya Ayu Satriani, Lahir di Palembang pada 7 Juli 1995, saya anak ke 3 dari 4 bersaudara Rian lahir 4 April 1991 Nina Blog Nina 8 Mei 1993 Fatur 10 Okober 1997. Sekolah Tamat SD pada tahun 2006 SMP 35 Palembang SMA PGRI 2 Palembang. Saya gemar internet, suka membuka Google untuk mencari informasi penunjang belajar saya, berkomunikasi dengan teman-teman lewat Facebook Beberapa koleksi poto saya dapat dilihat dalam Album Poto dan kamau mau kontak ke aku bisa mengirim disini
Presentasi serupa
