Webszerkesztés
Visual Studio Code

---

1/1. Jelöld meg, melyik a hiperhivatkozás (link) helyes meghatározása!

a. – A keresőmotorok egy adott szóra vagy kifejezésre adott találati listájának összessége. b. – E-mailek tárgy mezőjében megadott szöveg. c. – A dokumentum egy adott pontjáról egy másik pontjára vagy egy másik dokumentumra vezető utalás. d. – Interneten közzétett tartalmak szerzőjének, valamint a közzétett fényképek készítőjének megjelölése.

1/2. Mire szolgál a HTML állományokban a <ul> jelölő?

a. – számozott felsorolás létrehozására b. – egyszerű bekezdés létrehozására c. – számozatlan felsorolás létrehozására d. – fejezetcím létrehozására

1/3. 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/4. A weboldalak táblázataiban hogyan tudunk szomszédos cellákat összevonni?

a. – a táblázat „cellpadding” és „cellspacing” jellemzőinek használatával b. – a cellák „colspan” és „rowspan” jellemzőinek használatával c. – a cellák „merge” jellemzőjének használatával d. – <colgroup> jelölő használatával

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

a. – A dokumentum teljes szövegének betűmérete 18 pixel. b. – Az első bekezdés betűmérete 18 pixel, a többi az eredeti betűméret marad. c. – Minden <p> bekezdés betűmérete 18 pixel. d. – Minden <p> bekezdés betűmérete 18%-kal nagyobb az eredeti méreténél.

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

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

Állíts be hiperhivatkozást a „képzéseink listáját” szövegrészre, amely mutasson a képzéseket tartalmazó oldalra.
Állíts be hiperhivatkozást a „kapcsolatot” szóra is, ez mutasson a kapcsolat.html-re.

3. Tedd félkövérré a „régi és új” szövegrészt, valamint a „Kellemes böngészést, jó szórakozást kívánunk!” mondatot.

4. Állítsd be a szöveg alatti kép paramétereit a következőképpen: A kép szélessége 380 pixel, magassága 280 pixel legyen. Adj hangszerek néven alternatív szöveget a képhez.

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

5. 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ó head és body nyitó és záró jelölőivel.

6. A cím alatti szövegrészt formázd át úgy, hogy az számozatlan felsorolás stílusú legyen.

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

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

Töröld az első mondatból a „melyekre jelentkezni legkésőbb február 1-jéig lehet” szövegrészt.
Javítsd továbbá a második mondat „áfával értendők” szövegrészt „áfa nélkül értendők”-re.

8. Alakítsd a táblázat első sorának, valamint első oszlopának celláit fejléc cella típusúvá.

9. Rendezd a táblázat sorait hangszer szerint ABC sorrendbe.

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

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

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őben legyen alapértelmezetten a következő szöveg: „Az üzenetét ide írja.”

11. Módosítsd az űrlap végén lévő nyomógombot submit típusúra, a gomb felirata pedig „Bejegyzés küldése” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A h1 elemekre a betűméret az alap betűméret 1,8-szerese legyen, a betűszín pedig zöld (green).

13. A kep osztályú elemeken belüli img elemek keretének vastagsága legyen 2 pixel, folytonos vonalú és barna (brown) színű.

14. Egészítsd ki a th elemekre vonatkozó szabályt a következőkkel: a szöveg legyen balra rendezett, valamint a betűméret az alap betűméret 1,1-szerese.

15. A text típusú beviteli mezők szélességéhez rendeljen 300 pixel értéket.

16. Határozz meg bélés (padding) méretet a fieldset elemekre: a felső és alsó értéke legyen 0, a bal és jobboldali pedig 20 pixel.

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

Az elkészült weboldal: