Hangya
Készítsen weblapot az erdei vöröshangyák bemutatására a
következő leírás és minta szerint!
Források
Az oldal szövegét a
hangya.txt
állományban találja.
A feladat megoldásához szükséges
képek:
boly.jpg,
hangyakep.gif,
vorosh.jpg.
Feladatok
- Hozza létre az index.html állományt!
- Az oldal háttérszíne narancssárga, #F09838 kódú szín és a szövegszín barna, #A03028 kódú szín, kivéve, ha egy szövegegységre ettől eltérőt ad meg a feladat.
- Az oldal vázát, a mintának megfelelően, táblázattal készítse el! A táblázat legyen 800 pont széles, két oszlopos, szegély nélküli! (A sorok számát, esetlegesen a cellaösszevonásokat célszerűen válassza meg.) A cellatávolság, valamint a cellaszegély 0 értékű, és a háttérszíne világossárga, #FFECC0 kódú szín.
- A táblázat bal oldali oszlopa 150 pont széles legyen!
- A bal oldali oszlopba egymás alá, középre igazítva, 4 példányban szúrja be a hangyakep.gif képet!
- A szöveget a hangya.txt állományból másolja át a táblázat jobb oldali oszlopába!
- A cím - "Az erdei vöröshangya" - nagy betűméretű, vastagított és középre igazított. A böngésző keretén megjelenő cím szövege is ez legyen!
- Az első bekezdésben a .bolyokban. szót alakítsa linkké, amely a boly.jpg képre mutasson!
- Szúrja be középre igazítva az első bekezdés után a vorosh.jpg képet!
- A forrás szöveg végén olvasható "Tudtad?" és az azt követő bekezdést helyezze át előbbre a mintának megfelelően! Az új helyen a szöveg középen, 300 pont széles, az oldal háttérszínével egyező színű téglalapban, középre igazítva jelenjen meg! A szöveg színe a téglalapban egységesen világossárga, #FFECC0 kódú szín. A "Tudtad?" bekezdés kettes szintű címsor stílusú legyen!
Tanácsok a validátorhoz
- A tag-eket le kell zárni: <p>...</p>, <br/>, <img src="..."/>
- Számít a tag-ek egymásba ágyazásának sorrendje.
- A képeknél kötelező az ALT tulajdonság megadása, ami egy szöveg, és akkor jelenik meg, ha a kép megjelenítése nem lehetséges. <img src="pic.png" alt="Picture"/>
Minta
