Webszerkesztés
Visual Studio Code

---

1/1. Jelöljd meg, melyik az Instant Messaging (IM) helyes meghatározása!

a. – Internetes szabvány, amelyet weboldalak készítéséhez fejlesztettek ki. b. – Különböző típusú és méretű hálózatok, rendszerek egymással való kommunikációjának céljából megalkotott protokollok családja. c. – Olyan kiszolgáló, amely weblapok elérését teszi lehetővé HTTP protokoll segítségével. d. – Olyan számítógépes alkalmazás, amely azonnali szöveges kommunikációt tesz lehetővé a hálózaton keresztül.

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

a. – hiperhivatkozás létrehozására b. – könyvjelző (horgony) létrehozására c. – fejezetcím létrehozására d. – egyszerű bekezdés létrehozására

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. 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. 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. Hogyan formázza át a weboldal kinézetét a következő CSS szabály? body{background-color:black;}

a. – A teljes dokumentum háttérszíne fekete. b. – A teljes dokumentum betűszíne fekete. c. – A címsor háttérszíne fekete. d. – A bekezdés betűszíne fekete.

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

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

Alakítsd 1. szintű címsorrá az „Üdvözöljük a klubunkban!” sort, valamint 2. szintű címsorrá „A klubról sort.”

3. Állíts be hiperhivatkozást a „házi versenyeket” szövegrészre, amely mutasson az Események című oldalra.
Állíts be hiperhivatkozást a „nyitvatartás alatt” szövegrészre is, ez mutasson a kapcsolat.html oldalra.

4. Szúrd be a chess.jpg képet a kep osztályú elemen belülre.
A kép megjelenési szélességét állítsd 200 pixelre.

Ments 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

Adj oldalcímet „Black Knight Sakk Klub” szöveggel.
Rendelj a fájlhoz a styles.css stíluslap állományt.

6. Alakítsd a Kapcsolat cím alatti sorokat számozatlan felsorolás stílusúvá.

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

7. Nyisd meg az esemenyek.html fájlt.

A táblázat első sorának cellái legyenek fejléc cella típusúak.

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

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

Szúrj be egy új sort az űrlapba a Név alá. A felirat legyen Email cím, a hozzá tartozó mező egysoros szöveges beviteli mező.

9. Állítsd be a Születési idő év beviteli mezőjének maximálisan beírható karaktereinek számát 4-re, a nap mező maximálisan beírható karaktereinek számát 2-re.

10. A Megjegyzés felirathoz tartozó mezőt módosítsd többsoros beviteli mezőre, a sorok száma 6, a soron belüli karakterek száma 55 legyen.

11. Az űrlap alján található nyomógomb mellé tegyél be egy reset típusú nyomógombot, melynek felirata „törlés” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
Adj keretet a kep osztályú elemeknek: a keret vastagsága 2 pixel, folytonos vonalú és #ff9 színű.

13. A jobb azonosítójú elemek h2 gyermekelemeinél a betű mérete az alap betűméret 1,4-szerese legyen.

14. A table elemek felső és alsó margóit állítsd 0-ra, a bal- és jobboldali margókat állítsd be úgy, hogy az elem középre rendeződjön.

15. A szulido_ev és szulido_nap nevű input elemek szélességeire határozzon meg 30 pixel értéket.

a munkafájlban szido_ev és szido_nap!

16. A fildset elemek p gyermekelemei esetén a betűstílus legyen félkövér.

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

Az elkészült weboldal: