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. Jelöld meg, melyik a honlap (home page) helyes meghatározása!

a. – Webes címek tematikusan rendezett listája. b. – Olyan weboldal, amely a böngésző könyvjelzőihez/kedvenceihez van hozzáadva. c. – Olyan személyes weboldal, amelyet a saját számítógépünkön tárolunk. d. – A weboldalak nyitólapjai, ahonnan a weboldal többi lapjára (közvetlenül vagy közvetetten) eljuthatunk.

1/3. Milyen jelölőt szokás használni egy weboldalon számozott felsorolás létrehozásához?

a. – <h1>, <h2>,..., <h6> jelölők valamelyikét b. – <al> jelölőt c. – <ul> jelölőt d. – <ol> jelölőt

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

a. – táblázat egy cellájának megadására b. – táblázat törzsének megadására c. – táblázat egy sorának megadására d. – táblázat háttérszínének megadására

1/5. Mire használjuk az űrlapoknál az <input type="submit"> jelölőt?

a. – szöveges beviteli mező elhelyezésére b. – „űrlap elküldése” gomb elhelyezésére c. – jelölőnégyzet elhelyezésére d. – kiválasztó lista elhelyezésére

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

a. – A stílus nincs definiálva, a megjelenés a böngészőre van bízva. b. – A stílus egy adott jelölőn belül van definiálva és csak ott érvényes. c. – A stílus a HTML dokumentumon kívül, külön CSS fájlban van definiálva. d. – A stílus a HTML dokumentumon belül <style> jelölőn belül van definiálva és az egész dokumentumra érvényes.

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

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

A „Szakképzett, DMC bajnok...” mondat elé szúrj be egy sortörést.
Tedd félkövérré az „OKJ-s vizsgát” szövegrészt.

3. Állíts be hiperhivatkozást „A tanfolyamok végén” szövegrészre, amely mutasson a tanfolyamok.html oldalra.
Állíts be hiperhivatkozást a „jelentkezz most” szövegrészre is, ez mutasson a Kapcsolat című oldalra.

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

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

Egészítsd ki a fájlt a hiányzó body nyitó és záró jelölőivel. Rendeld a fájlhoz a styles.css stíluslap állományt.

5. A „Tanfolyamok” címsor alatti sorokat alakítsd számozatlan felsorolás stílusúvá.

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

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

Az itt található táblázat első sorát alakítsd fejléc cella típusúvá.

7. A táblázatban található képek megjelenési szélességeit állítsd 150 pixel méretűre.

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

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

Az űrlap „Email” feliratához tartozó mező neve „email”, a maximálisan beírható karakterek száma 40 legyen.

9. A „Tanfolyam” rádiógombjai melletti feliratokat alakítsd címke (label) típusúvá.

10. A többsoros beviteli mező sorainak számát állítsd 5-re, a soron belüli karakterek számát 40-re. Alapértelmezetten a mezőbe „Üzenj valamit!” szöveg legyen beírva.

11. A nyomógomb típusa legyen submit, a gomb felirata pedig „üzenet küldése”.

Mentsd el és zárd be az 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ő elemekre, illetve azok link és visited állapotára alkalmazd a következő szabályokat: a betűszín legyen #000, a szöveg pedig ne legyen aláhúzva.

13. A szoveg azonosítójú elemen belüli h1 elemek szövegelrendezése középre történjen, a betű méretét pedig az alap betűméret 1,6-szorosában határozd meg.

14. A th elemek betűmérete legyen az alap betűméret 1,2-szerese.

15. A fieldset elemekre állíts be margó értékeket a következők szerint: a felső és alsó legyen 0 méretű, a bal- és jobboldali margót állítsd be úgy, hogy az elem középre rendeződjön.

16. A text típusú input elemek szélességének adj 300 pixel értéket.

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

Az elkészült weboldal: