Weboldal több lappal
1. feladat
Hozz létre a Weblapkészítés mappádon belül egy Autótípusok mappát! Ebbe mentsd majd a fájlokat!
Készíts egy weboldalt Autótípusokról! Az index.html oldalán az alábbi dolgok szerepeljenek:
- Autótípusok szöveg legyen címsornak, félkövérnek és dőltnek formázva.
- Sorold fel 5 autótípus nevét egymás alá, melyekre kattintva el tudunk ugrani a weboldalakra, amely bemutatja az adott típust. Az autótípusok nevei kisebb címsornak legyenek formázva és különböző színű betűkkel legyenek írva.
- A weboldalnak állíts be tetszés szerinti háttérszínt!
Amikor az autótípus nevére kattintunk és elugrunk a weblapjára:
- szerepeljen az oldalon címsornak formázva az autótípus neve
- szerepeljen egy-két jellemzője ennek a típusnak, dőltre formázva
- majd szerepeljen egy kép is róla
2. feladat
Hozz létre a Weblapkészítés mappádon belül egy Sportágak mappát! Ebbe mentsd majd a fájlokat!
Készíts egy weboldalt Sportágakról! Az index.html oldalán az alábbi dolgok szerepeljenek:
- Sportágak szöveg legyen címsornak, félkövérnek formázva.
- Sorold fel 5 sportág nevét egymás alá, melyekre kattintva el tudunk ugrani a weboldalakra, amely bemutatja őket. Az sportágak nevei kisebb címsornak legyenek formázva, dőltnek és különböző színű betűkkel legyenek írva.
- A weboldalnak állíts be tetszés szerinti háttérszínt!
Amikor az adott sportág nevére kattintunk és elugrunk a weblapjára:
- szerepeljen az oldalon címsornak formázva az sportág neve
- szerepeljen egy kis leírás róla, dőltre formázva
- majd szerepeljen egy kép is róla
Hibakeresés
1. feladat
Ennek a HTML-lapnak minden gyümölcsöt külön sorban kellene mutatnia:
<html>
<p> Alma </p>
Banán
Áfonya
Datolya
</html>
2. feladat
Ennek a HTML-nek klikkeléskor a Google-ra kellene hivatkoznia. Melyik verzió nem hibás? A többiben hol a hiba?
a.
<html>
<p>Klikkelj egy hivatkozásra</p>
<a href='https://www.google.com'>Google</a>
</html>
b.
<html>
<p>Klikkelj egy hivatkozásra</p>
<a href='https://www.google.com>Google</a>
</html>
c.
<html>
<p>Klikkelj egy hivatkozásra</p>
<a href='Google'>https://www.google.com</a>
</html>
d.
<html>
<p>Klikkelj egy hivatkozásra</p>
<a href='https://www.google.com'></a>Google
</html>
3. feladat
Ezeknek a HTML-lapoknak az Állj és Menj szavakat pirosra és zöldre kellene színezniük, de hibásak, egyet kivéve. Melyik a helyes és miért?
a.
<html>
<p>Állj</p>
<pcolor:red'>Állj</p>
<p>Menj</p>
</html>
c.
<html>
<p>Állj</p>
<p>Menj</p>
</html>
d.
<html>
<p color='red'>Állj</p>
<p color='green'>Menj</p>
</html>
4. feladat
Ennek a JavaScriptnek 1-től 10-ig kellene számolnia, de nem teszi. Keresd meg a hibát!
<script>
for(var n=1; n<10; n++)
document.writeln(n);
</script>
5. feladat
Ennek a JavaScriptnek 30-tól 50-ig kellene számolnia, de nem teszi. Megtalálod a hibát?
<script>
for(var n=30; n<50; n++)
document.writeln(30);
</script>