HTML feladatok (77 feladat)

Feladat leírás:
a - elem, amely hiperhivatkozást hoz létre
id - attribútum, amely azonosítót rendel az adott elemhez
href - az "a" elem attribútumaként a hiperhivatkozás célját lehet vele megadni
target - az "a" elem attribútumaként azt lehet vele megadni, hogy a céloldal hol jelenjen meg
title - az "a" elem attribútumaként a hiperhivatkozás fölé vitt egérre megjelenő magyarázó szöveget lehet vele megadni

Oldd meg az alábbi űrlap feladatait: 07 Hivatkozások - teszt

Feladat leírás:
Készíts egy szabványos HTML fájlt "07-01 Hivatkozasok.html" néven, amely megfelel a mellékelt mintának:
- Az oldal nyelve legyen magyar és a kódolása UTF-8
- A böngésző fülszövege "Hivatkozások" legyen
- Az oldalon a "Néhány érdekes oldal" főcím egyes címsorral formázott
- A hivatkozások mindegyike külön bekezdés
- Minden hivatkozás külön oldalon nyíljon meg, ha rákattintanak
- Az oldal törzs részében az alábbi szövegek és hivatkozások szerepelnek:
Mindentudás Egyeteme ==> http://mindentudas.hu/
MTV Videótár ==> http://videotar.mtv.hu/
TED magyar feliratos előadások ==> https://www.ted.com/talks?language=hu
Atomoktól a csillagokig ==> http://www.atomcsill.elte.hu/


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

Feladat leírás:
Készíts egy szabványos HTML fájlt "07-02 Arany Janos.html" néven.
- Az oldal nyelve magyar, a kódolása UTF-8 legyen
- A böngésző fülszövege: Arany János
- Az oldal háttérszíne világoskék (lightblue) legyen
- Az oldal törzsébe másold be a mellékelt szöveget és formázd a minta és az alábbi leírás szerint.
- A főcím, azaz a költő neve egyes címsorral formázott
- A főcím allatt látható link a "Források" részre ugorjon és 80%-os legyen a betű mérete
- Minden, mintában látható bekezdés külön bekezdés legyen
- Az egyes bekezdések végén található számok hivatkozások a forrásokra, és felső indexek
- Az utolsó bekezdés után van egy vízszintes vonal
- A vonal alatti "Források" felirat kettes címsorral formázott
- A lábjegyzet sorainek elején lévő számok felső indexek
- Az oldal legalján van egy link: "Ugrás az elejére", amely értelemszerűen az oldal elejére ugrik

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

Feladat leírás:
Készíts egy szabványos HTML fájlt "07-03 Aloldalak.html" néven, amely megfelel a mellékelt mintának:
- Az oldal nyelve legyen magyar és a kódolása UTF-8
- Az oldal háttérszíne bogáncs (thistle) legyen
- A böngésző fülszövege "Aloldalak" legyen
- Az oldal törzs részében legyen egy "Aloldalak" főcím egyes címsorral formázva
- Továbbá két link a két aloldalra a mellékelt minta szerint.
- Készíts két további html oldalt "_Sárga.html" és "_Kék.html" fájlnevekkel.
- Mindkét aloldal nyelve magyar, kódolása UTF-8
- A "_Sarga.html" oldal
      • háttérszíne világos sárga (lightyellow)
      • a főcím "Sárga aloldal" egyes címsorral szerepel,
      • van egy link a Kék aloldalra
- A "_Kek.html" oldal
      • háttérszíne világos kék (lightblue)
      • a főcím "Kék aloldal" egyes címsorral szerepel,
      • van egy link a Sárga aloldalra

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

Feladat leírás:
Készíts egy szabványos HTML fájlt "07-04 Het csoda.html" néven, és másold bele a mellékelt forrásfájl tartamát. A fájlban sok hiba van, ezeket javítsd ki, hogy megfeleljen a mintának és minden link helyesen működjön.
Az forrásfájl az alábbi feladat megoldásaként készült:
- Az oldal nyelve legyen magyar és a kódolása UTF-8
- A böngésző fülszövege "A világ hét csodája" legyen
- Az oldal törzs részében egyes címsorral szerepeljen, hogy "A világ hét csodája"
- A címsor alatt legyen egy menü, amelynek a linkjei az oldalon belül ugranak a megnevezett részekre
- Az oldal alján legyen egy vízszintes vonal, alatta pedig legyen feltüntetve a szövegek forrásának a címe
- A vonal alatti rész az alapértelmezett betűméret 80%-a legyen
- Az "Ugrás az elejére" szövegre kattintva történjen meg az ugrás az elejére

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