Webszerkesztés
Visual Studio Code

---

1/1. Az alábbiak közül melyik állítás igaz?

a. – A HTML szoftverfüggetlen és sima szövegformátumban készül. b. – Az URL weboldalak megtekintésére szolgáló alkalmazás. c. – A HTTP egyszerű szövegformátumú dokumentumleíró nyelv. d. – A TCP/IP az internetes erőforrások helyét meghatározó cím.

1/2. Jelöld meg, melyik a World Wide Web (WWW) helyes meghatározása!

a. – A WWW olyan protokoll, amely a webszerver és a kliens programok közti kommunikációt biztosítja. b. – A WWW olyan kiszolgáló, amely weblapok elérését teszi lehetővé HTTP protokoll segítségével. c. – A WWW olyan program, amellyel az interneten keresztül elérhető weblapok megtekintését, illetve az interneten elérhető szolgáltatások használatát teszi lehetővé. d. – A WWW multimédiás dokumentumok összessége, amelyek egymással kereszthivatkozással vannak összekötve.

1/3. Mire szolgál a HTML állományban a <h1> jelölő?

a. – Számozott felsorolásban az első elem tárolására szolgál. b. – Fejezetcím, amely általában a legkiemeltebb betűstílusú szövegként jelenik meg az oldalon. c. – Egyszerű bekezdés létrehozására. d. – Fejezet alcím, amely általában kiemelt betűstílussal jelenik meg, de kevésbé kiemelt, mint a <h2>.

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

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

1/5. Az alábbiak közül melyik határoz meg jelölőnégyzet típusú űrlap mezőt?

a. – <input type="check" name="alma" value="1"> b. – <form type="checkbox" name="alma" value="1"> c. – <input type="checkbox" name="alma" value="1"> d. – <check name="alma" value="1"></check>

1/6. Mire illeszkedik az a CSS szabály, amelynek szelektora: „div h1{...}”?

a. – Arra a <h1> elemre, amely olyan elemen belül található, amelynek "id" jellemzője "div b. – Arra a <div> elemre, amely olyan elemen belül található, amelynek "id" jellemzője "h1". c. – Minden <div>-en belül elhelyezett <h1> elemre. d. – Minden <h1>-en belül elhelyezett <div> elemre.

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

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

„A fodrászhelyiség...” mondattól a szöveg kerüljön új bekezdésbe.
A „Szombati napon...” mondat elé szúrj be egy sortörést.

3. Töröld a félkövérré tevő jelölőket a „45 m² alapterületen” szövegrészről, valamint a dőltté tevő jelölőket az „5 fodrász” szövegrészről.

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.

Egészítsd ki a fájlt a hiányzó html nyitó és záró jelölőivel. Adj oldalcímet a következő szöveggel: „Fodor & Bodor fodrászat”.

5. Alakítsd számozatlan felsorolás stílusúvá az „Elérhetőség, Munkaidő,” stb. sorokat.

6. Alakítsd hiperhivatkozássá a „fodorbodor@...” email címet.
Állíts be hiperhivatkozást az „on-line” kifejezésre, amely mutasson a „Bejelentkezés” című oldalra.

7. Szúrd be a comfort.jpg képet a kep_jobbra osztályú elemen belülre. Adj alternatív szöveget a képnek „szék” értékkel.

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

8. Nyisd meg az arlista.html fájlt.

Adj táblázatcímet az oldalon található táblázatnak „Árlista” szöveggel.

9. Vond össze a „Férfi hajvágás szárítással” valamint a „Gyermek hajvágás szárítással” sorok melletti „ár” celláit a mellettük lévő üres cellákkal.

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

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

A „Telefon” felirathoz tartozó űrlapelembe írható karakterek száma maximum 15 legyen, alapértelmezetten pedig „06-” szöveg látszódjon a mezőben.

11. Az űrlap alján található submit típusú nyomógomb feliratát módosítsd „küldés”-re, a reset típusú felirata pedig „adatok törlése” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A h1 elemek betűszínére határozd meg #f28 értéket, a betű mérete pedig az alap betűméret 1,8-szorosa legyen.

13. A kep_jobbra osztályú elemeken belüli img elemek szélességét állítsd 120 pixel méretűre, és határozz meg 2 pixel vastag, pontozott mintázatú és kék (blue) színű keretet.

14. A table elemek háttérszínének adj fehér (white) színt, a betűszínnek pedig #f66 értéket.

15. Alkalmazz középre történő szövegigazítást minden olyan td elemre, amelynél 3 egymás melletti cella van összevonva.

16. A text típusú input elemek szélességét állítsd 300 pixel méretűre.

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

Az elkészült weboldal: