Készíts weboldalt kerekparkresz.html néven! A weboldal háttérszíne szürke (#6E6E6E kódú szín), a szöveg színe fehér, a linkek minden állapotának színe pedig sötét narancssárga (#FF5A09 kódú szín) legyen!
A böngésző címsorában megjelenő cím a „Kerékpáros KRESZ” legyen!
Készíts egy 2 oszlopos, 3 soros elrendezést a weboldalra! Az elrendezést tulajdonságait állítsd be a következőképpen:
az elrendezés középre igazított, szegély nélküli szélessége 1000 képpont
az egyes elemek szélessége 50%-os
az elemek között és a szöveg körül 5 képpontos a távolság
az első sor elemeiben a tartalom vízszintesen és függőlegesen középre igazított, második és a harmadik sor elemeiben pedig függőlegesen fentre igazított
a teljes konténer háttérszíne fehér, az első sor háttérszíne narancssárgás (#F3843E kódú szín), a második és harmadik sor pedig sötétszürke (#393939 kódú szín)!
Az első sor első cellájába középre igazítva szúrd be a logo.png képet!
Az első sor második cellájába írjd be első szintű címsor stílussal a „Kerékpáros KRESZ” szöveget!
A második sorba illeszd be a szabalyok.txt állományból a megfelelő szöveget!
A címeket formázd kettes szintű címsor stílussal! A „Kötelező még:” szöveget hármas szintű címsorral emeld ki! A „KRESZ által előírt kötelező kerékpár-tartozékok” alatti szöveget tedd számozott felsorolásúvá! A szöveg többi részét tedd felsorolttá a minta alapján!
Szúrd be a kotelezok.png képet a kerékpár-tartozékokat felsoroló részhez, és igazítsd jobbra!
A harmadik sor bal oldali cellájába illeszd be a forrásszöveg megfelelő részét! A címet formázd kettes szintű címsor stílussal és igazítsd középre! A szöveg többi részében a helyek megnevezését formázd hármas szintű címsor stílussal! (Ezek a forrásszövegben „**” jelzéssel ellátott sorok!) A szövegből a „**” jelzéseket távolítsd el!
A cellában lévő cím után írd be a „Jelzőtáblák” szót! Formázd hármas szintű címsor stílussal a szót, és igazítsd középre! Készíts a szóra hivatkozást, mely egy új lapon a szabad.png képet jeleníti meg!
A harmadik sor jobb oldali cellájába illessze be a forrásszöveg megfelelő részét! A szöveget a bal oldali cellával egyezően formázd!
A cellában lévő cím után készítsd el ide is a hivatkozást! A „Jelzőtáblák” szóra kattintva a tilos.png kép jelenjen meg egy új lapon!
Kódolásod helyességét ellenőrizd a w3.org validator and tools oldalának segítségével!
