Webszerkesztés
Visual Studio Code

---

1/1. Az alábbiak közül melyik állítás igaz?

a. – A keresőmotor kérést küld a kliensnek, a kliens végrehajtja a kérést. b. – A webszerver kérést küld a böngészőnek, a böngésző végrehajtja a kérést. c. – A kliens kérést küld a szervernek, a szerver végrehajtja a kérést. d. – A szerver kérést küld a kliensnek, a kliens végrehajtja a kérést.

1/2. Milyen jelölőt szokás használni egy weboldalon képek beillesztéséhez?

a. – <picture src="..."> jelölőt b. – <image href="..."> jelölőt c. – <a href="..."> jelölőt d. – <img src="..."> jelölőt

1/3. A következő képformátumok közül melyiket használják a leginkább grafikai elemek, pl. gombok webes megjelenítéséhez?

a. – PNG b. – BMP c. – PHP d. – EPS

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

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

1/5. Mire jó a weboldalak űrlapjaiban az „action” tulajdonságának megadása?

a. – Meghatározza, hogy az űrlap elküldését követően hová továbbítsa az adatokat. b. – Meghatározza, mely mezők kitöltése kötelező. c. – Megadja, mennyi idő áll rendelkezésre az űrlap kitöltéséhez. d. – Itt adható meg az űrlap stílusa.

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

a. – A stílus a HTML dokumentumon kívül, külön CSS fájlban van definiálva. b. – A stílus nincs definiálva, a megjelenés a böngészőre van bízva. 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 egy adott jelölőn belül van definiálva és csak ott érvényes.

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

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

Alakítsd félkövérré és dőltté a szövegben található „Ponta de Sagres” és az „Algarve” kifejezéseket.

3. Állíts be hiperhivatkozást a „foglalja le” szövegrészre, amely mutasson a Foglalás című oldalra.
Állíts be hiperhivatkozást a „Lépjen velünk kapcsolatba” szövegrészre is, ez mutasson a kapcsolat.html oldalra

4. Állítsd be az oldalon található hotel.jpg kép megjelenési magasságát 164 pixelre. Adj alternatív szöveget a képnek „Cape Hotel” értékkel.

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. Adj oldalcímet „Cape Hotel” értékkel.

6. A „Szolgáltatásaink” alatti sorokat alakítsd számozatlan felsorolás stílusúvá.

7. Javítsd az oldalon található képfájl nevét, a megjelenési szélességét pedig 425 pixelben határozd meg.

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

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

„A fürdőszoba...” kezdetű mondat elé szúrj be egy sortörést.
„Az alábbi táblázat...” kezdetű mondat pedig kerüljön új bekezdésbe.

9. Az oldalon lévő táblázat első sorát és első oszlopát alakítsd fejléc cella típusúvá.

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

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

A „Hotel” felirathoz tartozó űrlapelemet módosítsd úgy, hogy minden értéke látszódjon, alapértelmezésben pedig a „Cape Hotel” legyen kiválasztott állapotban.

11. A „Különleges kérések” felirathoz tartozó beviteli mező legyen többsoros, sorainak száma 5, a soron belüli karakterek száma pedig 50 legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A tartalom azonosítójú elemen belüli h3 elemekre a betűméretet határozd meg 24 pixelben, a szövegigazítás pedig középre történjen.

13. A th elemekhez rendelj 5 pixel méretű felső és alsó, valamint 10 pixel bal- és jobboldali bélés (padding) értékeket.

14. A td elemeknél a szöveg jobbra igazodjon.

15. A caption elemekben a betűvastagság legyen félkövér.

16. A submit típusú nyomógombok szélességét állítsd 80 pixel méretűre.

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

Az elkészült weboldal: