Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... egy weboldal kezdő pontja, amelyről elérhetők az oldal főbb részei. Melyik a mondat helyes kiegészítése?

a. – WWW b. – domain c. – ügyfélkapu d. – honlap

1/2. 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/3. Mire szolgál a HTML állományokban az <img src="..."> jelölő?

a. – kép beillesztésére b. – hang fájl beillesztésére c. – letöltendő dokumentum beillesztésére d. – oldaltérkép beillesztésére

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. Az alábbiak közül milyen jelölőket használunk kiválasztó lista típusú űrlapelem létrehozására?

a. – <input> jelölőt, azon belül az egyes elemekhez <option> jelölőt b. – <option> jelölőt, azon belül az egyes elemekhez <select> jelölőt c. – <select> jelölőt, azon belül az egyes elemekhez <input> jelölőt d. – <select> jelölőt, azon belül az egyes elemekhez <option> jelölőt

1/6. Mi a CSS?

a. – A weboldalak stílusát, kinézetét leíró nyelv. b. – Az interneten fellelhető dokumentumok, különböző erőforrások címe. c. – A webszerverek és a kliens programok (pl. böngészők) közti kommunikáció protokollja. d. – Olyan program, amellyel az interneten keresztül elérhető weblapok megtekintését teszi lehetővé.

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

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

Tedd dőltté a „Ponta de Sagres” szövegrészt, valamint félkövérré az „Akár üzleti út, akár kikapcsolódás” szövegrészt.

3. Állíts be hiperhivatkozást a „Foglalja le a szobát már most!” mondatot, amely mutasson a Foglalás című oldalra, azon belül az urlap nevű könyvjelzőre.

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

4. Nyisd meg a szolg.html fájlt.

Módosítsd az oldalon megjelenő pool.jpg kép megjelenését úgy, hogy szélessége 425, magassága 283 pixel legyen. Adj alternatív szöveget a képhez medence értékkel.

5. Tedd dőltté a felsorolás fölötti Szolgáltatásaink: sort.

A felsorolás stílusát módosítsd számozottról számozatlanra.

6. Töröld a felsorolásból az Iszapfürdő sort, a felsorolás végére pedig tegyél be egy új sort Aromaterápia szöveggel.

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

7. Nyisd meg a kapcsolat.txt fájlt.

Mentsd el a fájlt weboldalként kapcsolat.html néven.

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.

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

Töröld a táblázatból az Egyéb nevű oszlopot.

9. A megmaradt táblázat első sorának és oszlopának celláit alakítsd fejléc cella típusúvá.

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

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

Módosítsd a Hotel nevű választólista tulajdonságait úgy, hogy minden értéke látszódjon.

Alapértelmezés szerint a Cape Hotel legyen kiválasztott állásban.

11. Adj hozzá két új listaelemet a Szoba típusa nevű választólistához: Egyágyas, illetve Kétágyas szöveggel, a listaelemekhez rendelt érték pedig 1 illetve 2 legyen.

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

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

Módosítsa a CSS szabályokat az alábbiak szerint:
Az aktiv azonosítójú elemen belüli hivatkozás jelölő elemek betűszíne legyen #f66, a betűstílus pedig félkövér.

13. Adj keretet a tartalom azonosítón belüli table elemeknek: a felső és a baloldali keret legyen 2 pixel vastag, folytonos és #ccc színű, az alsó és jobboldali keret pedig 2 pixel vastag, folytonos és #999 színű.

14. A táblázat feliratához (caption) rendelj csupa nagybetűs (uppercase) betűképet és 2em nagyságú betűközt.

15. A foglalas_urlap osztályú elem háttérszíne legyen #eee, a bal- és jobboldali margóját pedig állítsd be úgy, hogy az elem tartalma középre rendeződjön.

16. A text típusú input elemek szélessége legyen 220 pixel, a háttérszínük pedig #ffe.

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

Az elkészült weboldal: