Unugga <table> waxaa loo adeegsadaa in jadwal looga soo muujiyo webpage-ka. Jadwalku wuxuu leeyahaa unugyo ugaar ah oo isaga hoos imaanaya.
Unugyada Jadwalka
| Unugga | Shaqadiisa |
|---|---|
<table> | Wuxuu qeexayaa jadwalka guud |
<tr> | Table Row — safka xogta jadwalku ka bilaabmayaan |
<th> | Table Head — cinwaanka jadwalka (bold, dhexdhexaad) |
<td> | Table Data — xogta jadwalka |
Ogoow:
<th>waa cinwaanka — wuxuu soo muuqanayaa bold oo uu ka duwan yahay xogaha kale<td>waa xogta caadiga ah ee safka- Saff kasta (
<tr>) wuxuu ka koobmayaa<td>ama<th>unugyo
Tusaale
<!DOCTYPE html>
<html>
<head>
<title>Tijaabo</title>
</head>
<body>
<table>
<tr>
<th>ID</th>
<th>Magaca</th>
<th>Shaqada</th>
</tr>
<tr>
<td>1</td>
<td>Cali Faarax</td>
<td>Arday</td>
</tr>
<tr>
<td>2</td>
<td>Jaamac Cali</td>
<td>Arday</td>
</tr>
</table>
</body>
</html>Natiijada:
| ID | Magaca | Shaqada |
|---|---|---|
| 1 | Cali Faarax | Arday |
| 2 | Jaamac Cali | Arday |
Sifooyinka Jadwalka
Waxaad ku dari kartaa sifooyinka (attributes) unugga <table> si aad u hagaajiso muuqaalka:
<table border="1" cellpadding="8" cellspacing="0">| Sifada | Shaqadiisa |
|---|---|
border | Xariiqda xafidda jadwalka |
cellpadding | Bannaanka gudaha unug kasta |
cellspacing | Bannaanka u dhexeeya unugyada |
width | Balaca jadwalka guud |
Tusaale oo sifooyin leh:
<!DOCTYPE html>
<html>
<head>
<title>Jadwal</title>
</head>
<body>
<table border="1" cellpadding="8" cellspacing="0" width="400">
<tr>
<th>Magaca</th>
<th>Da'da</th>
<th>Degmada</th>
</tr>
<tr>
<td>Axmed</td>
<td>22</td>
<td>Muqdisho</td>
</tr>
<tr>
<td>Faadumo</td>
<td>19</td>
<td>Hargeysa</td>
</tr>
<tr>
<td>Maxamed</td>
<td>25</td>
<td>Kismaayo</td>
</tr>
</table>
</body>
</html>Isku-dhafka Unugyada — colspan iyo rowspan
Mararka qaar waxaad u baahan tahay in unug ka kooban yahay tiiro badan ama safo badan.
<!-- Unug laba tiir qaabta -->
<td colspan="2">Cinwaankan wuxuu daboolayaa laba tiir</td>
<!-- Unug laba saf qaabta -->
<td rowspan="2">Cinwaankan wuxuu daboolayaa laba saf</td>Tusaale:
<table border="1" cellpadding="6">
<tr>
<th colspan="3">Liiska Ardayda</th>
</tr>
<tr>
<th>Magaca</th>
<th>Da'da</th>
<th>Degmada</th>
</tr>
<tr>
<td>Hodan</td>
<td>20</td>
<td>Berbera</td>
</tr>
</table>Koobid
<table>— Wuxuu bilaabaa jadwalka<tr>— Saf cusub (Table Row)<th>— Cinwaanka tiirka (bold, dhexdhexaad)<td>— Xogta caadiga ah (Table Data)colspan— Unug tiiro badan qabatarowspan— Unug safo badan qabata
Casharka xigta: Waxaan baranayaa foomamka HTML — sida xogta adeegsadaha looga helo.