Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... egy ugrópont, amely a dokumentumok elemeit, objektumait köti össze. Válassza ki, melyik a mondat helyes kiegészítése!

a. – hiperhivatkozás b. – szuperhivatkozás c. – URL d. – jump poin

1/2. A(z) ...... webszerverek kérés-válasz alapú elérési protokollja a webszerver és a kliens (általában böngésző) között. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – HTML b. – WWW c. – HTTP d. – USB

1/3. Mit nevezünk relatív hiperhivatkozásnak?

a. – Relatív hiperhivatkozás olyan hivatkozás, amely hivatkozott dokumentum elérési útját egy másik dokumentumhoz viszonyítva tartalmazza. b. – Relatív hiperhivatkozás a hivatkozott dokumentum elérési útját nem tartalmazó hivatkozás. c. – Relatív hiperhivatkozás a hivatkozott dokumentum nevét nem tartalmazó hivatkozás. d. – A hivatkozott dokumentum nevét és teljes elérési útját tartalmazó hiperhivatkozást nevezzük így.

1/4. Mire használják a weboldalak táblázataiban a <thead> jelölőt?

a. – táblázat címére b. – táblázat oszlopcímének megadására c. – táblázat egy cellájának megadására d. – táblázat fejlécének megadására

1/5. Mire használjuk az űrlapoknál az <input type="reset"> jelölőt?

a. – szöveges beviteli mező elhelyezésére b. – űrlap elküldése gomb elhelyezésére c. – Az „űrlap adatainak visszaállítása” gomb elhelyezésére. d. – kiválasztó lista elhelyezésére

1/6. Jelöld meg, az alábbiak közül melyik az external stíluslap használati mód meghatározása!

a. – A stílus nincs definiálva, a megjelenés a böngészőre van bízva. b. – A stílus egy adott jelölőn belül van definiálva és csak ott érvényes. c. – A stílus a HTML dokumentumon belül <style> jelölőn belül van definiálva és az egész dokumentumra érvényes. d. – A stílus a HTML dokumentumon kívül, külön CSS fájlban van definiálva. hol a válasz??

Indíts el a Visual Studio Code webszerkesztő programot.

2. Nyisd meg az index.html fájlt.

Alakítsd számozatlan felsorolás stílusúvá az oldal alján található „15 perc...600 Ft” három sorát.

Tedd félkövérré a „Nyitva 0-tól 24 óráig!!!” szövegrészt.
Alakítsd dőltté a „10% kedvezményt” szövegrészt.

4. Állíts be hiperhivatkozást a „szolgáltatást” szóra, amely mutasson a szolg.html oldalra.
Állíts be hiperhivatkozást továbbá az „expresso@...” email címre is.

Mentsd el és zárd be az index.html fájlt.

5. Nyisd meg a szolg.txt fájlt.
Mentsd el a fájlt weboldalként szolg.html néven.

Egészítsd ki a fájlt a hiányzó body nyitó és záró jelölőivel.

Rendelj a fájlhoz a styles.css stíluslap állományt.

6. Alakítsd fejléc cellává a táblázat azon celláit, ahol a táblázat két oszlopa össze van vonva.

7. A táblázat Kávé alatti, Egyéb szolgáltatások feletti sorait rendezd ár szerint növekvő sorrendbe.

Mentsd el a fájlt és zárd be.

8. Nyisd meg a kapcs.html fájlt.

Szúrd be az expresso_2.jpg képet a kep osztályú elemen belülre.
A kép megjelenési szélessége 280 pixel legyen.

9. Módosítsd a Neve felirathoz tartozó mező paramétereit a következőképpen: a mező neve nev, a maximálisan beírható karakterek száma 30 legyen.

10. A „Kérdése” felirathoz tartozó mező legyen többsoros beviteli mező, a sorainak száma 6, a soron belüli karakterek száma pedig 40 legyen.

11. Az űrlapon található rádiógombok melletti feliratokat alakítsd címke (label) típusúvá.

Mentsd el és zárd be a kapcs.html fájlt.

12. Nyisd meg a styles.css fájlt.

Módosítsd a CSS szabályokat az alábbiak szerint:
A nav azonosítójú elemeken belüli hivatkozás jelölő elemek hover állapotánál a betűszín legyen vörös (red).

13. A thead elemek th gyermekelemei esetén a betűkép kiskapitális legyen, a háttér színe pedig #ccc.

14. A tbody elemek th gyermekelemeinél a betűköz legyen 0,3em méretű.

15. A th és td elemeknek határozzon meg bélés (padding) méretet: a felső és alsó 8 pixel, a bal- és jobboldali pedig 20 pixel méretű legyen.

16. A legend elemeknél a betűk stílusa legyen félkövér.

Ments és zárj be minden fájlt és zárj be minden alkalmazást.

Az elkészült weboldal: