HTML Dasar : #9 Tabel
•
14 likes•7,002 views
Slide pendukung untuk mata kuliah Pemrograman Web 1 di Jurusan Teknik Informatika Universitas Pasundan Bandung. Digunakan juga sebagai pendukung untuk video di channel youtube "WebProgrammingUNPAS" https://www.youtube.com/channel/UCkXmLjEr95LVtGuIm3l2dPg
Report
Share
HTML Dasar : #9 Tabel
- 1. <HTML> tabel
- 3. simple
- 4. <table> <tr> <td>baris 1, kolom 1</td> <td>baris 1, kolom 2</td> </tr> <tr> <td>baris 1, kolom 1</td> <td>baris 1, kolom 2</td> </tr> … </table>
- 6. complex
- 7. <table> <thead> <tr> <th></th> <th>Kolom 1</th> <th>Kolom 2</th> </tr> </thead> <tbody> <tr> <th>Baris 1</th> <td>Baris 1, Kolom 1</td> <td>Baris 1, Kolom 2</td> </tr> <tr> <th>Baris 2</th> <td>Baris 2, Kolom 1</td> <td>Baris 2, Kolom 2</td> </tr> </tbody>
- 8. <table> <thead> <tr> <th></th> <th>Kolom 1</th> <th>Kolom 2</th> </tr> </thead> <tbody> <tr> <th>Baris 1</th> <td>Baris 1, Kolom 1</td> <td>Baris 1, Kolom 2</td> </tr> <tr> <th>Baris 2</th> <td>Baris 2, Kolom 1</td> <td>Baris 2, Kolom 2</td> </tr> </tbody> } header / judul header / judul header / judul
- 13. <table border=“1” cellspacing=“0” cellpadding=“8”>
- 16. <table border="1" cellspacing="0" cellpadding="5"> <tr> <td>1,1</td> <td>1,2</td> <td>1,3</td> </tr> <tr> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr> <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr> </table>
- 18. <table border="1" cellspacing="0" cellpadding="5"> <tr> <td>1,1</td> <td colspan="2">colspan = 2</td> </tr> <tr> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr> <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr> </table>
- 19. <table border="1" cellspacing="0" cellpadding="5"> <tr> <td>1,1</td> <td colspan="2">colspan = 2</td> </tr> <tr> <td>2,1</td> <td>2,2</td> <td>2,3</td> </tr> <tr> <td>3,1</td> <td>3,2</td> <td>3,3</td> </tr> </table> menggabungkan 2 buah cell (1,2) & (1,3)
- 21. <table border="1" cellspacing="0" cellpadding="5"> <tr> <td rowspan="3">rowspan = 3</td> <td colspan="2">colspan = 2</td> </tr> <tr> <td>2,2</td> <td>2,3</td> </tr> <tr> <td>3,2</td> <td>3,3</td> </tr> </table>
- 22. <table border="1" cellspacing="0" cellpadding="5"> <tr> <td rowspan="3">rowspan = 3</td> <td colspan="2">colspan = 2</td> </tr> <tr> <td>2,2</td> <td>2,3</td> </tr> <tr> <td>3,2</td> <td>3,3</td> </tr> </table> menggabungkan 3 buah cell (1,1), (1,2) & (1,3) <td> hilang <td> hilang