Webszerkesztés
Visual Studio Code

---

1/1. Mit jelent a „web hosting” kifejezés?

a. – bejegyzés elküldése internetes naplóba b. – webtárhely szolgáltatása, üzemeltetése c. – adatok letöltése a webszerverről d. – adatok keresése az interneten

1/2. A(z) ...... az interneten fellelhető dokumentumok, különböző erőforrások címe. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – WWW b. – URL c. – HTTP d. – HTTPS

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

a. – egyszerű bekezdés létrehozására b. – hiperhivatkozás létrehozására c. – sortörés létrehozására d. – kép beillesztésére

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. 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. Hogyan formázza át a weboldal kinézetét a következő CSS szabály? p.kiemelt{font-weight:bold;}

a. – Minden <p class="kiemelt"> bekezdés szövege dőlt. b. – Minden bekezdés szövege félkövér. c. – A dokumentum teljes szövege félkövér. d. – Minden <p class="kiemelt"> bekezdés szövege félkövér.

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

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

Tedd dőltté a „lemezlovas” szót.
A „Ne habozz, jelentkezz most!” mondat kerüljön új bekezdésbe.

3. Állíts be hiperhivatkozást a „jelentkezni valamelyik tanfolyamunkra” szövegrészre, amely mutasson a tanfolyamok.html oldalra.
Állíts be hiperhivatkozást a „Szakképzett DMC bajnok oktatóink” szövegrészre is, ez mutasson az Oktatók című oldalra.

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

4. Nyisd meg a tanfolyamok.txt fájlt.

Egészítsd ki a fájlt a hiányzó html nyitó és záró jelölőivel.
Adj oldalcímet „DJ Suli” szöveggel.

5. A Tanfolyamok címsor alatti sorokat alakítsa definíciós listává.

Mentsd el a fájlt weboldalként tanfolyamok.html néven és zárd be.

6. Nyisd meg az oktatok.html fájlt.

Az oldalon található táblázatnak cseréld meg a két oszlopát.

7. Adj alternatív szöveget a táblázatban található két képnek, az értéke ugyanaz legyen, mint a hozzájuk tartozó oszlop fejlécének tartalma.

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

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

Módosítsd az űrlapon a Név felirathoz tartozó mező paramétereit: a mező neve nev, a maximálisan beírható karakterek száma 30 legyen.

9. A Tanfolyam rádiógombjai közé vegyél fel egy új rádiógombot, amelynek címkéje Profi legyen.
Alapértelmezetten legyen a Kezdő rádiógomb bejelölt állapotban

10. Módosítsd az Üzenet beviteli mezőjét többsorossá, a sorok száma 6, a soron belüli karakterek száma pedig 50 legyen.

11. Az űrlap végén lévő nyomógomb mellé vegyél fel egy másik nyomógombot, amelynek típusa reset, felirata pedig „Törlés”.

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

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 hivatkozás jelölő elemek hover állapota esetén a betűszín legyen vörös (red).

13. A dt elemek margója legyen 10 pixel, a betűstílus félkövér.

14. A th és a td elemek 50% szélességűek legyenek és a bennük lévő szöveg balra legyen rendezve.

15. A reset típusú input elemek betűszíne legyen vörös (red).

16. A fieldset elemek szélessége legyen 680 pixel, a bélésük (padding) pedig 10 pixel.

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

Az elkészült weboldal: