 | Peatüki sisukord |
3.6 Tabeli eriveergudega
Mõnikord on vaja tabeli loomisel ühendada mõned lahtrid kokku. Selle jaoks saab märgendile <th> või <tr> lisada omadus colspan. Näiteks, kui soovime, et pealkiri oleks tabelilaiune (5 veergu), siis peab kirjutama järgmiselt <th colspan="5">.
Kui võtame eelmisel lehel toodud tabel erinevate toodete hindadega, siis võiks tabeli päise koos pealkirjaga ümber kirjutada järgmiselt:
<!DOCTYPE html>
<head>
<title>Tabelid</title>
</head>
<body>
<table>
<caption>Tabel 2. Tooted</caption>
<thead>
<tr>
<th colspan="2">
Erinevate toodete hindade võrdlus
</th>
</tr>
<tr>
<th >
Toode
</th>
<th>
Hind
</th>
</tr>
</thead>
<tbody>
<tr>
<td> Õun </td>
<td> 1€ </td>
</tr>
<tr>
<td> Ananass</td>
<td> 2€ </td>
</tr>
<tr>
<td> Kommikarp </td>
<td> 3€ </td>
</tr>
</tbody>
</table>
</body>
</html>
Tulemus näeb järgmiselt välja:
Iseseisev ülesanne:
Ülesandeks on koostada tabel 5-10 keemiliste elementidega (näidistabel on allpool) ning uurida iseseisvalt HTML märgendeid.
- Veebidokumendi algusesse (esimene rida) lisa oma nimi ja töö koostamise kuupäev.
- Koosta tabel:
- veergude nimedeks on: number, elemendi nimetus ja tähistus, avastamisaasta ja viide artiklile vastava keemilise elemendi kohta. Abi võib leida wikipedia artiklist keemiliste elementide kohta
- lisa tabelile pealkiri
- lisa vähemalt üks tabelilaiune rida
- Uuri veebileht HTML märgenditega. Lisa oma veebilehte vähemalt üks uus märgend.
Eesnimi Perenimi - kuupäev
| Number | Nimetus | Sümbol | Aasta | Artikkel |
| 1 | Vesinik | H | 1766 | https://et.wikipedia.org/wiki/Vesinik |
| 2 | Heelium | He | 1895 | |
| 3 | Liitium | LI | 1808 | |
| 4 | Berüllium | Be | 1798 | |
| Peatüki sisukord |