Feladatok

Típusfeladatok
Formázások
1.Feladat
| Valósítsd meg a képen látható ábrát a HTML nyelv segítségével! | minta | megoldás
2.Feladat
| Készítsd el a következő feliratokat! A formázáshoz alapszíneket használj! | minta | megoldás
3.Feladat
| Készítsd el a képen látható reklám feliratot! A vonal hossza a képernyő szélességének a fele! | minta | megoldás
Listaelemek
1.Feladat
| Készítsd el a kedvenc együtteseid toplistáját! | minta | megoldás
2.Feladat
| Készítsd el a húsleves alapanyagainak listáját! | minta | megoldás
3.Feladat
| Készítsd el a következő fogalmak magyarázatából álló listát: hardver, szoftver, perifériák! | minta | megoldás
Táblázatok
1.Feladat
| Készíts egy egyszerű táblázatot személyes adatok tárolására. | minta | megoldás
2.Feladat
| Cellaösszevonás használatával készíts táblázatot! A tábla szélessége 200 pixel! | minta | megoldás
3.Feladat
| Cellaösszevonás használatával készíts táblázatot! A táblázat szélessége 200, magassága 100 pixel! | minta | megoldás
4.Feladat
| Készíts el a képen látható táblázatot! Szélessége 80%-os, az oszlopok egyenlő szélességűek. A háttérszínek: FF9900, 808080. | minta | megoldás
5.Feladat
| Készítsd el egy termék akciós reklámfelületét! Szélessége 65%, a kép szélessége 300 pixel, az ezt tartalmazó cella 60%-os szélességű. Az első sor magassága 100 pixel. A háttérszínek: 00CC66, FF9933. Kép: agp.jpg | minta | megoldás
Képek
1.Feladat
| A minta.jpg képet eredeti méretében jelenítsük meg a képernyő közepén aláírással, leírással ellátva! | minta | megoldás
2.Feladat
| Csökkentsük a kép méretét a felére, 3 pontos kerettel és leírással lássuk el. Írjunk szöveget a kép jobb oldalára középre igazítva. | minta | megoldás
3.Feladat
| Csonkítsuk a képet egy 200 pixel magas négyzetbe. Tegyük a képernyő két szélére, majd írjunk szöveget a képek közé. | minta | megoldás
4.Feladat
| Egy oldal háttérszíne: FFCC00. Illesszük be az eger.gif képet az oldal közepére, majd lássuk el aláírással. | minta | megoldás
Linkek
1.Feladat
| Kedvenc webcímeidet sorold fel, és lásd el hivatkozással! | minta | megoldás
2.Feladat
| Egy üzlet egyszerű, webcímmel és e-mail címmel ellátott oldalát készítsd el! | minta | megoldás
3.Feladat
| Az előző feladatot képek beszúrásával oldd meg. A képek egyúttal hiperhivatkozások is. pcpince.bmp, mail.gif | minta | megoldás
4.Feladat
| Táblázatba foglalva készítsd el az 1.feladatot! | minta | megoldás
5.Feladat
| Kapcsolj össze két oldalt! Az elso.htm oldal egy hivatkozást tartalmazzon, mely a kedvencek.htm oldalra mutat. A kedvencek.htm oldal a 4. feladat megoldása, mely még egy linket tartalmaz az elso oldalra is. | minta | elso.htm kedvencek.htm
6.Feladat
| Készíts egy weboldalt mely egymás alatti képeket tartalmaz! Az oldal elején egy tartalomjegyzék legyen, melyek belső linkként az adott képhez ugrik. kep1.jpg, kep2.jpg, kep3.jpg | minta | megoldás
Összetett feladatok
Gyakorlati mintafeladatok
Középszint
| Gundel-palacsinta | Forrás | Pontozás | Megoldás
| Kisködmön | Forrás | Pontozás | Megoldás
| Olimpiai arany négyes | Forrás | Pontozás | Megoldás
| Órajavító | Forrás | Pontozás | Megoldás
| Országok | Forrás | Pontozás | Megoldás
| Osztályom | Forrás | Pontozás | Megoldás
| Citadella bemutatása | Forrás | Pontozás | Megoldás
| Lovak | Forrás | Pontozás | Megoldás
Emeltszint
| Programozási tételek | Forrás | Pontozás | Megoldás
| Receptek | Forrás | Pontozás | Megoldás
| Tengerimalac | Forrás | Pontozás | Megoldás
| Velence | Forrás | Pontozás | Megoldás
| Hangszerbolt | Forrás | Pontozás | Megoldás
Érettségi feladatok
2004 (próbaérettségi) |  | középszint | emeltszint
2005 május |  | középszint | emeltszint
2005 október |  | középszint |
2006 február |  | középszint |
2006 május |  | középszint |
2006 október |  | középszint | emeltszint
2007 május |  | középszint | emeltszint
2007 október |  | középszint |