HTML feladatok (77 feladat)

Feladat leírás:
p - bekezdés (paragraph)
h1 - egyes címsor
h2 - kettes címsor
div - tartalmi blokk, konténer
span - inline tároló elem
pre - előformázott szöveg, megőrzi a nyers szöveg formátumát

Oldd meg az alábbi űrlap feladatait: 04 Általános tárolók és címsorok - teszt

Feladat leírás:
Készíts egy HTML fájlt "04-01 Rovid versek.html" néven, amelybe másold be a mellékelt forrásfájl tartalmát, majd formázd a mintának megfelelően az alábbi módon:
- Az oldal nyelve legyen magyar és a kódolása UTF-8
- A böngésző fülszövege "Rövid versek" legyen
- Az oldal törzs részében lévő főcím egyes címsorral legyen formázva
- A "Magyar versek" és "Angol versek" kettes címsorral legyenek formázva
- A versek szerzői és címei hármas címsorral legyenek formázva
- A versek sorai őrizzék meg a forrásfájlban levő formázást.

Az eredményt ellenőrizd le egy online HTML validátorral!

Feladat leírás:
Készíts egy HTML fájlt "04-02 Oszinteseg.html" néven, amelybe másold be a mellékelt forrásfájl tartalmát, majd formázd a mintának megfelelően az alábbi módon:
- Az oldal nyelve legyen magyar és a kódolása UTF-8
- A böngésző fülszövege "Őszinteség" legyen
- Az oldal törzs részében lévő főcím (a szerző neve és címe) egyes címsorral legyen formázva
- Az egyes versszakok önálló bekezdések legyenek
- Az alábbi szavakat alakítsd dőlt betűssé a minta szerint: Őszinteség, labirintus, Röntgen-láng
- Az alábbi rész legyen félkövér: karjaimat már vonja a nap
- Az "Ariadném" szó legyen félkövér és dőlt is egyben
- A szerző nevét lásd el 1-es felső index-szel
- A vers után legyen egy vízszintes vonal
- A vonal alatt legyen felső index 1-es és a mellékelt szöveg

Az eredményt ellenőrizd le egy online HTML validátorral!

Feladat leírás:
Készíts egy HTML fájlt "04-03 Walesi bardok.html" néven. Másold bele a mellékelt forrásfájl tartalmát.
- Javítsd a forrásfájlban a benne lévő hibákat
- Az oldal nyelve legyen magyar, a kódolása pedig UTF-8
- A szerző neve legyen egyes címsor
- A vers címe legyen kettes címsor
- Mindkét versszak külön konténerben legyen
- A szövegben lévő szavakat formázd a minta szerint (félkövér és dőlt szavak)
- Az oldal legalján legyen egy vízszintes vonal.

Az eredményt ellenőrizd le egy online HTML validátorral!

Feladat leírás:
Készíts egy HTML fájlt "04-04 Hibajavitas.html" néven. Másold bele a mellékelt forrásfájl tartalmát.
Javítsd a forrásfájlban a 15 hibát, hogy a minta szerinti oldal jelenjen meg.

Az eredményt ellenőrizd le egy online HTML validátorral!