Webszerkesztés
Visual Studio Code

---

1/1. Mi a HTML?

a. – Különböző típusú és méretű hálózatok, rendszerek egymással való kommunikációjának céljából megalkotott protokollok családja. b. – Az interneten fellelhető dokumentumok, különböző erőforrások címe. c. – Internetes szabvány, amelyet weboldalak készítéséhez fejlesztettek ki. d. – Webszerverek kérés-válasz alapú elérési protokollja a webszerver és a kliens (általában böngésző) között.

1/2. A(z) ...... egy protokollcsalád, amelynek segítségével különböző típusú és méretű hálózatok, rendszerek képesek egymással kommunikálni az interneten. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – WWW b. – HTML c. – TCP/IP d. – URL

1/3. Hogyan adható meg a weboldalakon a képekhez helyettesítő szöveg?

a. – az <img> jelölő „target” jellemzőjével b. – az <picture> jelölő „alt” jellemzőjével c. – az <img> jelölő „id” jellemzőjével d. – az <img> jelölő „alt” jellemzőjével

1/4. Hogyan adható meg a HTML táblázatokban a keret vastagsága?

a. – a <table> jelölő „line” jellemzőjével b. – a <table> jelölő „border” jellemzőjével c. – a <table> jelölő „margin” jellemzőjével d. – a <table> jelölő „width” jellemzőjével

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

a. – <text name="város" value=""> b. – <select type="text" name="város" value=""> c. – <option type="text" name="város" value=""> d. – <input type="text" name="város" value="">

1/6. Jelöld meg, az alábbiak közül melyik az external (külön fájlban elhelyezett) 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 kívül, külön CSS fájlban van definiálva. d. – A stílus a HTML dokumentumon belül <style> jelölőn belül van definiálva és az egész dokumentumra érvényes.

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

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

Módosítsd „A századok ködéből...” szöveget 1. szintű címsorrá.
A felette lévő bekezdésben keresd meg az „Asztalfoglalás” szót. Ezt alakítsd hiperhivatkozássá, amely mutasson az Asztalfoglalás című oldalra.

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

3. Nyisd meg a spec.html fájlt.

Módosítsd az ételek képeinek megjelenési tulajdonságait úgy, hogy mindhárom kép szélessége 135 pixel legyen. Ügyelj arra, hogy a képek méretarányai ne torzuljanak.

4. Szúrj be horgonyt (könyvjelzőt) a „Levesek” szó elé levesek néven, valamint a „Desszertek” szó elé desszertek néven.

5. Alakítsd át a táblázatok első sorainak celláit fejléc cella típusúvá.
Egyesítsd ezeket a cellákat a velük szomszédos üres cellákkal.

6. Töröld a Levesek táblázatból a Fahéjas szilvaleves sort.
Módosítsd a Szarvas tokány zöldséges bundában árát 5500 Ft-ra.

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

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

Tedd félkövérré „A menü tartalma:” szöveget.
Az ez alatt lévő felsorolást alakítsd számozatlan felsorolás stílusúvá.

8. Állíts be hiperhivatkozást „A nap levese” sorra, amely mutasson a Specialitások című oldal Levesek táblázatához tartozó könyvjelzőre.
Állíts be hiperhivatkozást a „Fagylalt vagy sütemény” sorra is, ez pedig a Specialitások című oldal Desszertek táblázatához tartozó könyvjelzőre mutasson.

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

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

10. Nyisd meg a foglalas.html fájlt.

Alakítsd át a Személyek száma melletti űrlapelemet, hogy az legördülő választóelem legyen. A választható lehetőségeket bővítsd ki úgy, hogy 1 és 6 közötti szám bármelyikét ki lehessen választani.

11. A „Füstmentes helyet kérek” melletti űrlapelemet módosítsd jelölőnégyzet típusúvá.
A jelölőnégyzet alapértelmezés szerint legyen bejelölt állapotú.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A kep_alairva osztályú elemek betűtípusa legyen serif, mérete 11 pixel.

13. Egészítsd ki a td elemekre illeszkedő szabályt a következővel: az alsó keret legyen 1 pixel vastag, #888 színű és pontozott mintázatú.

14. Egészítsd ki a th elemekre illeszkedő szabályt a következővel: a háttér színe legyen #060, a betű színe pedig #fff.

15. Az űrlap legend elemeknél a betű mérete legyen 20 pixel, a betűstílusa pedig félkövér.

16. Egészítsd ki a form elemre vonatkozó szabályt: az elem szélessége legyen 900 pixel, a bal- és jobboldali margókat pedig állítsd be úgy, hogy az elem doboza középen helyezkedjen el.

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

Az elkészült weboldal: