Web Statis Pertemuan 6 Tabel Tabel Tabel digunakan
Web Statis Pertemuan 6 Tabel
Tabel �Tabel digunakan untuk menyajikan data dan membuat layout halaman web.
sintaks <table border=“ 0” width=“ 100%” height=“ 100” > <caption>text </caption> <tr> <th>text</th> </tr> <td>text</td> </tr> </table>
Latihan 1 : <HTML> <HEAD> <TITLE> Belajar Tabel </TITLE> </HEAD> <BODY> <h 4>Daftar Pegawai STMIK</h 4 > <TABLE BORDER="1"> <TR> <TH>No</TH> <TH>Nama</TH> <TH>Alamat</TH> <TH>Telepon</TH> </TR> <TD>1</TD> <TD>Asih Winantu</TD> <TD>Bantul Yogyakarta</TD> <TD>0274 -441170</TD> </TR> <TD>2</TD> <TD>Agus Riyanto</TD> <TD>Sleman Yogyakarta</TD> <TD>0274 -377982</TD> </TR> </TABLE> </BODY> </HTML>
Tabel dengan rowspan dan colspan �Colspan : untuk membuat merge pada colom �Rowspan : untuk membuat merge pada baris
Sintaks <table width='50%' border=1> <tr> <td colspan='2'>a</td> </tr> <td >b</td> <td rowspan='2'>c</td> </tr> <td >d</td> </tr> <td colspan='2'>e</td>
Latihan 2 <html> <head> </head> <body> <table border="1“> <caption><b>Daftar Nilai Pemrograman Web 1</b></caption> <tr> <th >Nama</th> <th >Nilai</th> </tr> <th >Tugas</th> <th >Praktikum</th> </tr> <td >Lutfia</td> <td >80</td> <td >85</td> </tr> <td width="33%">yulia </td> <td width="33%" align="center">90</td> <td width="34%" align="center">93</td> </tr> <td width="33%">Ardian</td> <td width="33%" align="center">100</td> <td width="34%" align="center">98</td> </tr> </table> </body> </html>
Latihan 3 : layout halaman
- Slides: 8