| 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 |
