HTML feladatok (77 feladat)

Az oldal folyamatos fejlesztés alatt áll. Ha észrevételed van, örülnénk, ha megosztanád velünk: info @ tanit . hu
Az érettségi feladatokat a mellékletekkel, megoldásokkal együtt az Oktatási Hivatal weboldaláról vettük át. És van Online HTML editor is :)

Tartalomjegyzék


03 HTML alap formázások URL


03-00 HTML alap formázások - teszt URL

Feladat leírás:
HTML alapvető formázások gyakorlása:
  • b, strong = félkövér
  • i, em = dőlt
  • sup = felső index
  • sub = alsó index
  • small = kisméretű betűk
  • br = sortörés
  • hr = vízszintes vonal
Oldd meg az alábbi űrlap feladatait: 03 HTML alap formázások - teszt


03-01 Alap formázás URL

Feladat leírás:
Készíts el egy minimális, de szabványos HTML fájlt "03-01 Alap formazas.html" néven, amelyben
- Az oldal nyelve magyar
- A kódolása UTF-8
- A böngésző fülszövege: Alap formázás
- A szöveg a minta szerinti és annak megfelelően formázott

Az eredményt ellenőrizd le egy online HTML validátorral!
Végeredmény minta (részlet):
03-01 Alap formazas.png


03-02 Nehéz óra URL

Feladat leírás:
Készíts egy HTML fájlt "03-02 Nehez ora.html" néven, amelyben
- Az oldal nyelve magyar
- A kódolása UTF-8
- A böngésző fülszövege: Nehéz óra
- Minden mondat új sorban kezdődjön!
- A szöveg egyes részei a minta szerint legyenek formázva
Kiinduláshoz használd a mellékelt forrásfájlt!

Az eredményt ellenőrizd le egy online HTML validátorral!
Végeredmény minta (részlet):
03-02 Nehez ora.png


03-03 Pitagorasz URL

Feladat leírás:
Készíts egy HTML fájlt "03-03 Pitagorasz.html" néven, amelyben
- Az oldal nyelve magyar
- A kódolása UTF-8
- A böngésző fülszövege: Pitagorasz tétel
- A szöveg egyes részei a minta szerint legyenek formázva

Az eredményt ellenőrizd le egy online HTML validátorral!
Végeredmény minta (részlet):
03-03 Pitagorasz.png


03-04 Lábjegyzet URL

Feladat leírás:
Készíts el egy minimális, de szabványos HTML fájlt "03-04 Labjegyzet.html" néven, amelyben
- Az oldal nyelve magyar
- A kódolása UTF-8
- A böngésző fülszövege: Lábjegyzet
- A lábjegyzet szövege kisebb betűkkel szedett
- A szöveg a minta szerinti és annak megfelelően formázott

Az eredményt ellenőrizd le egy online HTML validátorral!
Végeredmény minta (részlet):
03-04 Labjegyzet.png


03-05 Hibajavítás URL

Feladat leírás:
Javítsd ki a mellékelt "03-05 Hibajavitas.html" forrásfájlt, amely az alábbi feladatsor megoldásaként született, de van benne 10 hiba:
- Az oldal nyelve magyar
- A kódolása UTF-8
- A böngésző fülszövege: Hortobágy
- A szöveg a minta szerinti és annak megfelelően formázott

Az eredményt ellenőrizd le egy online HTML validátorral!
Végeredmény minta (részlet):
03-05 Hibajavitas.png


03-06 Tételek URL

Feladat leírás:
Készíts egy HTML fájlt "03-06 Tetelek.html" néven. Másold bele a mellékelt forrásfájl tartalmát.
Javítsd a forrásfájlban a hibákat és egészítsd ki a kódot az alábbiak szerint úgy, hogy a minta szerinti oldal jelenjen meg.
- Az oldal magyar nyelvű legyen, a kódolása pedig UTF-8
- A böngésző fülszövege: Tételek
- A többi formázást készítsd el a mintának megfelelően!

Az eredményt ellenőrizd le egy online HTML validátorral!
Segítségként itt elérhető egy előkészített alap fájl: 03-06 Tetelek.txt
Végeredmény minta (részlet):
03-06 Tetelek.png


03-80 Kutatás - Klímaváltozás URL

Feladat leírás:
Készíts egy szabványos HTML fájlt "03-80 Klimavaltozas.html" néven.
Az oldal témája a Klímaváltozás.
Keress olyan weboldalt (ne a Wikipédiát!), ahol erről szerinted mérvadó szakemberek írnak.
Gyűjts ki 3, legföljebb 4 bekezdésnyi szöveget, amely a téma lényegét összefoglalja.
Az oldal elkészítése során az alábbiakra figyelj:
- Az oldal nyelve magyar, a kódolása UTF-8 legyen
- A böngésző fülszövege: Klímaváltozás
- A szövegformázások során mindenképpen használd az alábbi HTML elemeket: b, i, br, hr, small
- Az oldal legalján tüntesd fel a talált szöveg forrásának a webcímét.

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


03-81 Kutatás - Biodiverzitás URL

Feladat leírás:
Készíts egy szabványos HTML fájlt "03-81 Biodiverzitas.html" néven.
Az oldal témája a Biodiverzitás.
Keress olyan weboldalt (ne a Wikipédiát!), ahol erről szerinted mérvadó szakemberek írnak.
Gyűjts ki 3, legföljebb 4 bekezdésnyi szöveget, amely a téma lényegét összefoglalja.
Az oldal elkészítése során az alábbiakra figyelj:
- Az oldal nyelve magyar, a kódolása UTF-8 legyen
- A böngésző fülszövege: Biodiverzitás
- A szövegformázások során mindenképpen használd az alábbi HTML elemeket: b, i, br, hr, small
- Az oldal legalján tüntesd fel a talált szöveg forrásának a webcímét.

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


03-82 Kutatás - Etikus bankok URL

Feladat leírás:
Készíts egy szabványos HTML fájlt "03-82 Etikus bankok.html" néven.
Az oldal témája a Etikus bankok.
Keress olyan weboldalt (ne a Wikipédiát!), ahol erről szerinted mérvadó szakemberek írnak.
Gyűjts ki 3, legföljebb 4 bekezdésnyi szöveget, amely a téma lényegét összefoglalja.
Az oldal elkészítése során az alábbiakra figyelj:
- Az oldal nyelve magyar, a kódolása UTF-8 legyen
- A böngésző fülszövege: Etikus bankok
- A szövegformázások során mindenképpen használd az alábbi HTML elemeket: b, i, br, hr, small
- Az oldal legalján tüntesd fel a talált szöveg forrásának a webcímét.

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


03-83 Kutatás - Aquaponia URL

Feladat leírás:
Készíts egy szabványos HTML fájlt "00-00 Aquaponia.html" néven.
Az oldal témája a Aquaponia.
Keress olyan weboldalt (ne a Wikipédiát!), ahol erről szerinted mérvadó szakemberek írnak.
Gyűjts ki 3, legföljebb 4 bekezdésnyi szöveget, amely a téma lényegét összefoglalja.
Az oldal elkészítése során az alábbiakra figyelj:
- Az oldal nyelve magyar, a kódolása UTF-8 legyen
- A böngésző fülszövege: Aquaponia
- A szövegformázások során mindenképpen használd az alábbi HTML elemeket: b, i, br, hr, small
- Az oldal legalján tüntesd fel a talált szöveg forrásának a webcímét.

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


03-84 Kutatás - Reziliencia URL

Feladat leírás:
Készíts egy szabványos HTML fájlt "00-00 Reziliencia.html" néven.
Az oldal témája a Reziliencia.
Keress olyan weboldalt (ne a Wikipédiát!), ahol erről szerinted mérvadó szakemberek írnak.
Gyűjts ki 3, legföljebb 4 bekezdésnyi szöveget, amely a téma lényegét összefoglalja.
Az oldal elkészítése során az alábbiakra figyelj:
- Az oldal nyelve magyar, a kódolása UTF-8 legyen
- A böngésző fülszövege: Reziliencia
- A szövegformázások során mindenképpen használd az alábbi HTML elemeket: b, i, br, hr, small
- Az oldal legalján tüntesd fel a talált szöveg forrásának a webcímét.

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


03-85 Kutatás - Negatív kamat URL

Feladat leírás:
Készíts egy szabványos HTML fájlt "00-00 Negativ kamat.html" néven.
Az oldal témája a Negatív kamat.
Keress olyan weboldalt (ne a Wikipédiát!), ahol erről szerinted mérvadó szakemberek írnak.
Gyűjts ki 3, legföljebb 4 bekezdésnyi szöveget, amely a téma lényegét összefoglalja.
Az oldal elkészítése során az alábbiakra figyelj:
- Az oldal nyelve magyar, a kódolása UTF-8 legyen
- A böngésző fülszövege: Negatív kamat
- A szövegformázások során mindenképpen használd az alábbi HTML elemeket: b, i, br, hr, small
- Az oldal legalján tüntesd fel a talált szöveg forrásának a webcímét.

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


03-86 Kutatás - Helyi pénz URL

Feladat leírás:
Készíts egy szabványos HTML fájlt "00-00 Helyi penz.html" néven.
Az oldal témája a Helyi pénz.
Keress olyan weboldalt (ne a Wikipédiát!), ahol erről szerinted mérvadó szakemberek írnak.
Gyűjts ki 3, legföljebb 4 bekezdésnyi szöveget, amely a téma lényegét összefoglalja.
Az oldal elkészítése során az alábbiakra figyelj:
- Az oldal nyelve magyar, a kódolása UTF-8 legyen
- A böngésző fülszövege: Helyi pénz
- A szövegformázások során mindenképpen használd az alábbi HTML elemeket: b, i, br, hr, small
- Az oldal legalján tüntesd fel a talált szöveg forrásának a webcímét.

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