HTML Feladatok 2
Néhány feladat ismét, hogy gyakoroljuk a táblázatok használatát, megértsük működésüket.
- Főoldal
/
- Kurzusok
/
- Webfejlesztés
/
- HTML
/
- HTML kezdőknek
HTML Feladatok 2
1. Készítsünk egy táblázatot, melynek a fejléce tartalmazzon 1 üres oszlopot és a hónapok neveit külön oszlopokban.
Minden sor első oszlopa tartalmazza a napot, 1-10.ig. Töltsük ki a táblázatot úgy, hogy minden hónap alá írjuk oda, hogy milyen idő lesz az adott napon: borus, napos, esős.
2. Tegyünk 3 oszlop összevonást vízszintesen (ugyanabban a sorban levő egymás melletti oszlopot vonjunk össze).
3. Tegyünk 3 oszlop összevonást függőlegesen (ugyanabban az oszlopban levő egymás alatti oszlopot vonjunk össze, ez a sor összevonás).
4. Tegyünk 1 sor és 1 oszlop összevonást (2 egymás mellett levő oszlopot össze kell vonni a 2 alattuk levővel).
A feladatok megoldása után egy az alábbihoz hasonló táblázatot kellene kapnunk:
| Január | Február | Március | Április | Május | Június | Július | Augusztus | Szeptember | Október | November | December | |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 1 | napos | borus | napos | esős | borus | esős | esős | borus | napos | esős | ||
| 2 | esős | borus | napos | borus | napos | esős | ||||||
| És így tovább | ||||||||||||
<table bgcolor="white" bordercolor="green">
<thead>
<tr>
<th>
</th>
<th>
Január
</th>
<th>
Február
</th>
<th>
Március
</th>
<th>
Április
</th>
<th>
Május
</th>
<th>
Június
</th>
<th>
Július
</th>
<th>
Augusztus
</th>
<th>
Szeptember
</th>
<th>
Október
</th>
<th>
November
</th>
<th>
December
</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>
napos
</td>
<td colspan="2" rowspan="2">
borus
</td>
<td>
napos
</td>
<td>
esős
</td>
<td>
borus
</td>
<td rowspan="2">
esős
</td>
<td>
borus
</td>
<td colspan="2">
napos
</td>
<td>
esős
</td>
</tr>
<tr>
<td>2</td>
<td>
esős
</td>
<td>
borus
</td>
<td colspan="2">
napos
</td>
<td>
borus
</td>
<td colspan="2">
napos
</td>
<td>
esős
</td>
</tr>
<tr">
<td colspan="13>
És így tovább
</td>
</tr>
</tbody>
</table>
- Előző lecke: HTML Frame-k és iframe-k
- Következő lecke: HTML Feladatok 3
Részletek
- Megtekintve: 589
- Haszontalannak jelölve: 0
- Hasznosnak jelölve: 0
- Értékelés: