jadual HTML
Jadual HTML
Jadual ditakrifkan oleh teg <table> Setiap jadual mempunyai beberapa baris (ditakrifkan oleh teg <tr>) dan setiap baris dibahagikan kepada beberapa sel (ditakrifkan oleh teg <td>). Huruf td merujuk kepada data jadual, kandungan sel data. Sel data boleh mengandungi teks, gambar, senarai, perenggan, bentuk, garisan mendatar, jadual dan banyak lagi.
Berikut ialah contoh:
<html> <head> <meta charset="utf-8"> <title>Table in html</title> </head> <body> <p>水平表头</p> <table border="1"> <tr> <th>Name</th> <th>Age</th> <th>Gender</th> </tr> <tr> <td>zdd</td> <td>30</td> <td>male</td> </tr> </table> <p>垂直表头</p> <table border="1"> <tr> <th>Name</th> <td>autumn</td> </tr> <tr> <th>Age</th> <td>30</td> </tr> <tr> <th>Gender</th> <td>famale</td> </tr> </table> </body> </html>
Cubalah
Meja tanpa sempadan
Jika atribut sempadan tidak dinyatakan semasa mentakrifkan jadual, jadual tidak akan mempunyai sempadan
<jadual>
<tr><td>zdd< ;/td><td>30</td></tr>
></table>
Sel kosong
Jika tiada sel Nyatakan kandungan, maka sel itu akan kosong dan tiada sempadan<table border="1"> <tr><td>zdd</td><td>30</td></ tr>
>Jadual dengan tajuk
menggunakan atribut kapsyen, tetapi nampaknya tidak boleh ada ruang dalam tajuk, jika tidak, ia akan dibalut apabila dipaparkan ! Tidakkah itu terlalu mengarut?
<table border="1">
;zdd</td><td> ;30</td></tr> <tr><td> </td><td>20</td></ tr><🎜 ;
Menyilang baris atau lajur
Gunakan colspan untuk merentang baris
< ;table border="1"><tr><th>Nama</th><th colspan="2">Nombor telefon</tr>< ;tr><td>Bill Gates</td><td>555 77 854</td><td>555 77 855</td><<</🎜> >
Gunakan rentang baris untuk merentang lajur
<table border="1">
<tr><th>Name</th><td> Bill Gates</td></tr>
<tr><rowspan="2">Telefon</th><td>555 77 854</td></tr 🎜><tr><td>555 77 855</td></tr>
</table>
🎜 Pengepala jadual HTML >Pengepala jadual ditakrifkan menggunakan teg <th>
Kebanyakan penyemak imbas akan memaparkan pengepala jadual sebagai teks tebal dan berpusat:
<table border="1"><tr>< th>Pengepala 1</th>
<th>Pengepala 2</th>
</tr>
<tr>
<td>baris 1, sel td>
<td>baris 1, sel 2</td>
</tr>
<tr>
<td>baris 2, sel 1</ td> 🎜><td>baris 2, sel 2</td>
</tr>
</jadual>
