Download as PDF, PPTX
Uploaded bySandhika Galih
HTML Dasar : #9 Tabel
The document contains examples of HTML table structures, including simple and complex tables with various attributes such as border, alignment, and cell spacing. It demonstrates the use of colspan and rowspan to merge multiple cells within the tables. Additionally, the document includes header sections and demonstrates multiple instances of table formatting.
HTML Dasar : #9 Tabel
- 1.
- 2.
- 3.
- 4. <table> <tr> <td>baris 1, kolom1</td> <td>baris 1, kolom 2</td> </tr> <tr> <td>baris 1, kolom 1</td> <td>baris 1, kolom 2</td> </tr> … </table>
- 6.
- 7. <table> <thead> <tr> <th></th> <th>Kolom 1</th> <th>Kolom 2</th> </tr> </thead> <tbody> <tr> <th>Baris1</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>Baris1</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
- 10.
- 11.
- 12.
- 13. <table border=“1” cellspacing=“0”cellpadding=“8”>
- 14.
- 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
- 23.