Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... olyan számítógép vagy szoftver, ami más számítógépek számára különböző szolgáltatások elérését teszi lehetővé. Válaszd ki, melyik a mondat helyes kiegészítése!

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

1/2. 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/3. Az alábbiak közül melyik állítás igaz?

a. – A HTML weboldalak létrehozásához használatos leíró nyelv. b. – Egy CSS stíluslap fájlt csak egyetlen HTML fájlhoz lehet hozzárendelni. c. – Azért van szükség CSS stíluslapra, mert a tartalom és megjelenés csak külön helyen tárolható. d. – A HTML weboldalakat kizárólag webszervereken tudunk tárolni.

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

a. – a táblázat egy-egy sorát határozza meg b. – a táblázat egy-egy celláját határozza meg c. – a táblázat egy-egy oszlopát határozza meg d. – a táblázat fejlécét határozza meg

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

a. – <textarea name="msg" rows="4" cols="50">Üzenet szövege:</textarea> b. – <input type="textarea" name="msg" rows="4" cols="50">Üzenet szövege:</input> c. – <area name="msg" rows="4" cols="50">Üzenet szövege:</area> d. – <form type="area" name="msg" rows="4" cols="50" value="Üzenet szövege:">

1/6. A(z) ...... stílusleíró nyelv, amely a weboldalak megjelenését írja le. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – HTML b. – RSS c. – XML d. – CSS

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

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

Tedd félkövérré az „Egy óra jellemző ára kb. 18 000 Ft (72 EUR).” mondatot.
Itt a 18 és a 000 közötti, illetve a 000 és a Ft közötti szóközöket cseréld le törhetetlen szóközökké.

3. Szúrj be egy új bekezdést ami inkább felsorolás elem! a „Nemzetközi elismertség” cím alatti felsorolás végére, a következő szöveggel: „Ld. még: tanáraink listája”.
A tanáraink listája szövegrészre állíts be hiperhivatkozást, amely mutasson a tanaraink.html oldalra.

4. Keresd meg az oldalon Elvira Sanchez és Anna Krotzmann neveit, és tedd dőltté.

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

5. Nyisd meg a tanaraink.html fájlt.

Módosítsa a „Tanáraink listája” sorhoz tartozó jelölőt 1. szintű címsorrá.
Az ez alatt lévő felsorolást alakítsd számozatlan felsorolás stílusúvá.

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

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

Helyezd át a táblázatban „Svéd haladó” sorát a „Spanyol kezdő” sora után.

Módosítsd a „Kínai haladó”-t „Kínai kezdő”-re, a hozzá tartozó kezdési időpont november 12. legyen.

7. Alakítsd a táblázat első sorának a celláit fejléc cella típusúvá.
Itt a cellaegyesítést szüntesd meg, az egyiknek „Kezdési időpont”, a másiknak „Időtartam” legyen a tartalma.

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

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

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

Szúrj be egy új űrlapelemet a Név és a Nyelv, ami érdekli közé. A felirata legyen Email cím:, a beviteli mező típusa pedig legyen egysoros szöveges.

10. Egészítsd ki a nyelvek listáját a következő választási lehetőséggel: egyéb.

Az űrlapelem paramétereit módosítsd úgy, hogy lista helyett legördülő legyen.

11. Módosítsd az Üzenet melletti beviteli mező paramétereit úgy, hogy a sorok száma 5, a soron belüli karakterek száma 40 legyen.
A mezőbe legyen alapértelmezetten a következő szöveg: „Ide írja az üzenetét.”

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 tartalom azonosítójú elem esetén a háttér képe: vonal_fuggoleges.gif legyen, amit y tengely mentén ismételjen.

13. Egészítsd ki az alja azonosítójú elemre vonatkozó szabályt a következőkkel: betű mérete a szülő elem betűméretének 0.8-szorosa, a szöveg pedig legyen középre igazítva.

14. Egészítsd ki a table elemekre vonatkozó szabályt a következőkkel: A felső és alsó margó legyen 10 pixel, a bal- és jobboldali margót pedig állítsd be úgy, hogy az elem középre rendeződjön.

15. Adj keret tulajdonságot a th és td elemeknek: vastagsága legyen 2 pixel, színe fekete (black), a mintázata pedig pontozott.

16. Minden text típusú beviteli mező szélessége legyen 280 pixel.

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

Az elkészült weboldal: