Haj

Feladat

Készíts weblapot a hajjal kapcsolatos érdekességekről!

• Hozd létre a webhely mappaszerkeztetét, helyezd el a forrásállományokat a megjelelő mappákban!
• Hozz létre egy weblapot haj.html néven!
• Az oldal háttérszíne fehér, a szöveg színe fekete legyen!
• A linkek használat előtt barnák (#B97A5A=RGB(185, 122, 87) kódú szín), minden más állapotban szürkék (#C3C3C3=RGB(195, 195, 195) kódú szín) legyenek!
• A böngésző címsorában megjelenő cím a „7 érdekesség” szöveg legyen!
• Az oldal teljes szövege Helvetica vagy Arial betűtípussal jelenjen meg!
• A haj.html szövegét a hajforras.txt állományból másold át! A szöveget tördeld a minta szerkezetének megfelelően!
• Az oldal elejére helyezd el a cim.png képet, és igazítsd vízszintesen középre!
• A cím egyes szintű, az alcímek szövege kettes szintű címsor stílussal és a megadott barna betűszínnel jelenjenek meg! Az alcímeket alakítsd számozatlan felsorolásúvá!
• A cím utáni első bekezdést dőlt, az azt követő bekezdést félkövér betűstílussal formázd a minta szerint!
• A 2. alcím mellé helyezd el a szerkezet.jpg képet arányosan 300 képpont szélességűre kicsinyítve, jobbra igazítva, 2 pontos bal és jobb margóval! Állítsa be alternatív (magyarázó) szövegnek a „Szőrtüsző” kifejezést, és a képet 1 pont vastag vonallal szegélyezd!
• A cím utáni első bekezdés vesszővel elválasztott részeire készíts linkeket, amelyek az oldalon belüli három alcímre mutassanak! A formázáshoz használd a Bootstrap 4 Buttons Outlines Secondary (<a>!) lehetőségeit!
• Kódolásod helyességét ellenőrizd a w3.org validator and tools oldalának segítségével!

Minta