Webszerkesztés
Visual Studio Code

---

A következő képformátumok közül melyiket használják a leginkább nagy fényképek webes közzétételére?

a. – BMP b. – JPG c. – MP4 d. – AI

A(z) ...... egy kiszolgáló, amely elérhetővé teszi a helyileg vagy más kiszolgálón tárolt weblapokat a HTTP protokollon keresztül. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – kliens b. – böngésző c. – webszerver d. – URL

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.

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

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

Mire illeszkedik az a CSS szabály, amelynek szelektora: „#kiemelt{...}”?

a. – Arra az elemre, amelynek "id" jellemzője "kiemelt". b. – Minden olyan elemre, amelynek "class" jellemzője "kiemelt". c. – A <p id="kiemelt"> elemre d. – Minden <p class="kiemelt"> elemre.

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

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

Állíts be hiperhivatkozást a „családi szabadidőprogramok” szövegrészre, amely mutasson a Programok című oldalra.
Állíts be hiperhivatkozást a „fővárostól nem messze” szövegrészre is, ez mutasson a kapcsolat.html oldalra.

3. Adj „kep” nevű osztályt a zsiraf.jpg képet tartalmazó bekezdésnek. A kép megjelenési szélességét állítsd 190 pixelre.

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

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

Adj oldalcímet MAZ-ZOO Vadaspark szöveggel. Rendelj a fájlhoz a styles.css stíluslap állományt.

5. Az „Autóval szintén...” kezdetű mondattól a szöveg kerüljön új bekezdésbe, a mondat elől szedd ki a sortörést.
Az „Aktualitások, rendezvények...” mondat elé szúrj be egy sortörést.

6. Alkalmazz félkövér betűstílust a szövegben előforduló mindhárom „MAZ-ZOO” előfordulásra.

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

7. Nyisd meg a programok.html fájlt.

Vond össze a „július 11.”-et tartalmazó cellát az alatta található üres cellával.
Tedd ugyanezt a „Szabadidő klubok” szöveget tartalmazó cellával is.

8. Adj a táblázatnak táblázatcímet (caption) „Programok a nyárra” szöveggel.

Mentsd el és zárd be a programok.html fájt.

9. Nyisd meg a tudasteszt.html fájlt.

Az űrlap Név feliratához tartozó beviteli mező név értéke legyen „nev”, a maximálisan beírható karakterek száma pedig 30.

10. A giliszta nevű kiválasztó elem paramétereit módosítsd úgy, hogy annak minden értéke látszódjon, alapértelmezésben pedig az első értéke legyen kiválasztott állapotban.

11. Az űrlap alján lévő nyomógombot módosítsd úgy, hogy a típusa submit, a felirata „Elküldöm” legyen.

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

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

Módosítsa a CSS szabályokat az alábbiak szerint:
A fo azonosítójú elemen belüli h1 elemek számára határozd meg a betűméretet az alap betűméret 1,5-szörösére, a szövegelrendezést pedig rendezd középre.

13. A menu azonosítójú elemen belüli hivatkozás jelölő elem hover állapotánál a szöveg aláhúzott legyen és #fff színű.

14. A th elemekre állíts be #060 háttérszínt, valamint 10 pixel méretű bélés (padding) értéket.

15. A legend elemekben a betűméret legyen az alap betűméret 1,3-szorosa, a betűk közti távolság pedig 0,6em.

16. A text típusú input elemek szélességét állítsd 300 pixelre.

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

Az elkészült weboldal: