Webszerkesztés
Visual Studio Code

---

1/1. 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/2. Az URL ...... Válaszd ki, melyik a mondat helyes befejezése!

a. – az interneten fellelhető dokumentumok címe. b. – a webszerver és a kliens programok közti kommunikációt biztosító protokoll. c. – weblapok megtekintésére szolgáló program. d. – weboldalak, képek keresésére szolgáló internetes alkalmazás.

1/3. Milyen jelölőt szokás használni egy weboldalon egy fejezet alcímének létrehozásához?

a. – <h2>, <h3>,..., <h6> jelölők valamelyikét b. – <ol> jelölőt c. – <ul> jelölőt d. – <p2>, <p3>,..., <p6> jelölők valamelyikét

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. Mire jó a weboldalak űrlapjaiban az „action” tulajdonságának megadása?

a. – Meghatározza, hogy az űrlap elküldését követően hová továbbítsa az adatokat. b. – Meghatározza, mely mezők kitöltése kötelező. c. – Megadja, mennyi idő áll rendelkezésre az űrlap kitöltéséhez d. – Itt adható meg az űrlap stílusa.

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

a. – Minden olyan <p> elemre, amely olyan elemen belül található, amelynek "class" jellemzője "kiemelt". b. – Minden olyan <p> elemre, amely olyan elemen belül található, amelynek "id" jellemzője "kiemelt". c. – Minden <p class="kiemelt"> elemre. d. – A <p id="kiemelt"> elemre.

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

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

„A klub célja...” mondattól kezdődő szövegrészt tedd új bekezdésbe.
„A foglalkozások során...” mondat elé szúrj be egy sortörést.

3. Alakítsd félkövérré a „közel háromszázan” szövegrészt, a „stratégiai gondolkodás” szövegrészt pedig tedd dőltté.

4. Állíts be hiperhivatkozást a „csatlakoztak hozzánk” szövegrészre, amely mutasson a Csatlakozás című oldalra.
Állíts be hiperhivatkozást a „nyitvatartás alatt” szövegrészre is, ez mutasson a kapcsolat.html oldalra.

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

5. Nyisd meg a kapcsolat.txt fájlt.

Egészítsd ki a fájlt a hiányzó head nyitó és záró jelölőivel. Adj oldalcímet „Black Knight Sakk Klub” szöveggel.

6. A „Kapcsolat” címsor alatti sorokat alakítsd definíciós listává.

Mentsd el a fájlt weboldalként index.html néven és zárd be.

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

Cseréld le a július 3. dátum melletti sakkfigura képét a rook_b.gif képre, az augusztus 19-i esemény sakkfiguráját pedig a queen_w.gif-re.

8. Rendezd át a táblázat sorait úgy, hogy az események dátum szerint növekvő sorrendben legyenek.

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

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

Az itt található űrlap Név feliratához tartozó mezőjét módosítsa úgy, hogy az űrlap név értéke „nev”, a mezőbe írható karakterek maximális száma pedig 30 legyen.

10. Módosítsd a Születési idő hónap mezőjét úgy, hogy a mező lenyíló legyen, alapértelmezésben pedig a - hónap - érték legyen kiválasztott állapotban.

11. A Megjegyzés felirathoz tartozó szövegmező sorainak száma legyen 5, a soron belüli karakterek száma pedig 50.
Alapértelmezés szerint a következő szöveg legyen a mezőbe írva: „Ha kérdése van, itt teheti fel.”.

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:
A menu azonosítójú elemen belüli aktualis osztályú elemek listajelölő típusa legyen négyzetes (square).

13. A jobb azonosítójú elemen belüli h1 elemek szövegének igazítása középre történjen, a betű méretét pedig állítsd az alap betűméret 1,7-szeresére.

14. A dt elemekre határozz meg félkövér betűstílust, valamint kiskapitális betűképet.

15. A th és td elemeknek adj keret tulajdonságot, amely 1 pixel vastag, pontozott mintázatú és fekete (black) színű.

16. A submit típusú input elemek háttérszíne legyen #cc6.

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

Az elkészült weboldal: