Webszerkesztés
Visual Studio Code

---

1/1. Jelöld meg, melyik a webszerver helyes meghatározása!

a. – Olyan program, amellyel az interneten keresztül elérhető weblapok megtekintését, illetve az interneten elérhető szolgáltatások használatát teszi lehetővé. b. – Olyan protokoll, amely a webszerver és a kliens programok közti kommunikációt biztosítja. c. – Olyan program, amelyik hozzáfér egy (távoli) szolgáltatáshoz, amelyet egy számítógép hálózathoz tartozó másik számítógép nyújt. d. – Olyan kiszolgáló, amely weblapok elérését teszi lehetővé HTTP protokoll segítségével.

1/2. Milyen jelölőt szokás használni egy weboldalon számozott felsorolás létrehozásához?

a. – <h1>, <h2>,..., <h6> jelölők valamelyikét b. – <al> jelölőt c. – <ul> jelölőt d. – <ol> jelölőt

1/3. Mire szolgál a HTML állományokban a <p> jelölő?

a. – fejezetcím létrehozására b. – egyszerű bekezdés létrehozására c. – egyszerű felsorolás létrehozására d. – sortörés létrehozására

1/4. Mit határoz meg a weboldalak táblázataiban a „rowspan” jellemző?

a. – hány egymás alatti cella legyen összevonva egy cellává b. – a cellabélés nagyságát c. – hány egymás melletti cella legyen összevonva egy cellává d. – a cellák közti távolságot

1/5. Az alábbiak közül melyik határoz meg többsoros szöveges beviteli mezőt?

a. – <textarea name="msg" rows="4" cols="50">Üzenet szövege:</textarea> b. – <input type="textarea" name="msg" rows="4" cols="50">Üzenet szövege: c. – <area name="msg" rows="4" cols="50">Üzenet szövege:</area> d. – <form type="area" name="msg" rows="4" cols="50" value="Üzenet szövege:">

1/6. Mit módosíthatunk a hiperhivatkozások „visited” állapotának módosításával?

a. – A hivatkozás azon tulajdonságait, amikor az egérmutatót a link fölé visszük. b. – A hivatkozás azon tulajdonságait, amikor éppen rákattintunk. c. – A még meg nem látogatott hivatkozások tulajdonságait. d. – A már korábban meglátogatott hivatkozások tulajdonságait.

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

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

Szúrj be horgonyokat (könyvjelzőket) a táblázatok elé: Az „A kategória” táblázata elé „a”, a „B kategória” táblázata elé „b”, a „C kategória” táblázata elé pedig „c” értékekkel.

3. Az „A kategóriájú” autók táblázatának sorait rendezd át úgy, hogy azok bérleti díj szerint növekvő sorrendben legyenek.

4. A B kategóriájú autók egyikéhez nem tartozik kép. Oda szúrd be az auto_default.gif képet.

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

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

„A Különleges alkalom vagy egy egyszerű hétköznap.” mondatot tedd dőltté.
„Az Itt találhat meg minket:” szövegrészt pedig alakítsd félkövérré.

6. A „Hadd hívjuk fel figyelmét...” mondattól a szöveg kerüljön új bekezdésbe.
A „Ráadásul ebben az évben...” mondat elé szúrj be egy sortörést.

Állíts be hiperhivatkozást a „B és C kategória” szövegrészre, amely mutasson az Autók című oldal „b” nevű könyvjelzőjére.
Állíts be hiperhivatkozást az „A kategória” szövegrészre is, ez mutasson az Autók oldal „a” nevű könyvjelzőjére.

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

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

Egészítsd ki a fájlt a hiányzó html nyitó és záró jelölőivel. Rendelj a fájlhoz a styles.css stíluslap állományt.

9. Az oldalon található lenyíló űrlapelem paramétereit módosítsd úgy, hogy az elem minden értéke látszódjon, alapértelmezés szerint pedig az Opel legyen kiválasztott állapotban.

10. A többsoros beviteli mező sorainak számát módosítsd 6-ra, a soron belüli karakterek számát pedig 40-re. Alapértelmezésben a következő szöveg legyen a mezőbe írva: „Írja meg egyéb kívánságait!”

11. A nyomógomb mellé vegyél fel egy másik nyomógombot is, ennek adj meg reset típust és „alaphelyzetbe állítás” szövegű feliratot.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A menu azonosítójú elemen belüli aktiv osztályú hivatkozás jelölő elemek számára adj #00f betűszínt, és aláhúzott szöveget.

13. A table elemek számára határozz meg 10 pixel felső és alsó margó értéket, a bal- és jobboldali margót állítsd be úgy, hogy az elem középre rendeződjön.

14. A caption elemek betűmérete az alap betűméret 1,2-szerese legyen, a háttér színe pedig #aaf.

15. A text típusú input elemek szélességét állítsd 300 pixel méretűre.

16. Minden input, select és textarea elem számára határozd meg a baloldali margó értékét 30 pixel méretűre.

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

Az elkészült weboldal: