Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... egy kiszolgáló, amely elérhetővé teszi a helyileg vagy más kiszolgálón tárolt weblapokat a HTTP protokollon keresztül. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – kliens b. – böngésző c. – webszerver d. – URL

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

a. – fejezetcím létrehozására b. – egyszerű bekezdés létrehozására c. – egyszerű felsorolás létrehozására d. – sortörés létrehozására

1/3. Mi a HTML?

a. – 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. b. – Az interneten fellelhető dokumentumok, különböző erőforrások címe. c. – Internetes szabvány, amelyet weboldalak készítéséhez fejlesztettek ki. d. – Webszerverek kérés-válasz alapú elérési protokollja a webszerver és a kliens (általában böngésző) között.

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">

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ítsd el a Visual Studio Code webszerkesztő programot.

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

Állíts be hiperhivatkozást a „töltse ki az űrlapot” szövegrészre, amely mutasson a „Kapcsolat” című oldalra úgy, hogy új ablakban nyíljon meg.

3. Töröld a táblázat fejléc celláiból az „időbeosztása” szavakat.

4. Egyesítsd a táblázat Versenyúszás, Golf klub, valamint a Football klub celláit a szomszédos üres cellákkal.

5. Módosítsd a csütörtöki versenyúszásra, valamint a keddi Football klubra vonatkozó cellák tartalmát „Zárva!” értékre.

6. Adj osztályt azoknak a celláknak, amelyekben „Zárva!” szöveg szerepel, az osztály értéke legyen kiemelt.

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

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

Módosítsd a „Bayview Golf Klub” és a „Bayview Futball Klub” sorokat 3. szintű címsorrá.

8. Módosítsd az oldalon megjelenő golf.jpg kép megjelenését úgy, hogy szélessége 188, magassága pedig 285 legyen. Adj alternatív szöveget a képhez „Golf” értékkel.

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

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

Állíts be hiperhivatkozást „Dr. Mary Green” és „Dr. Nicholas Duggan” nevekre, amelyek mutassanak a mary@xyzmail.hu illetve nicholas@xyzmail.hu email címekre.

10. Adj meg karakterkódolásra vonatkozó meta elemet, amely legyen utf-8 kódolású.
Módosítsd az oldal címét „Bayview Szabadidő Központ”-ra.

11. Rendeld a fájlhoz a styles.css stíluslap állományt.

Egészítsd ki a fájlt a hiányzó html nyitó és záró jelölőivel.

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

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

Az „Ajánlatot szeretnék kérni” szöveg melletti jelölőnégyzet legyen alapértelmezés szerint bejelölt állásban.

Az Üzenet alatti szövegmezőben legyen alapértelmezetten ez a szöveg beírva: „az üzenet szövege”.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A kiemelt osztályú táblázatok celláiban (index.html) a betűszín legyen vörös (red), a betűstílus félkövér.

14. Adj keretet a table elemeknek: a felső és baloldali keret legyen 3 pixel vastag, folytonos vonalú és #ccc színű, az alsó és jobboldali pedig 3 pixel vastag, folytonos vonalú és fekete (black) színű.

15. A cellák és fejléc cellák margói legyenek 0 pixel, a cellabéléseik pedig 7 pixel méretűek.

16. Az urlap azonosítójú elem felső és alsó margója legyen 0 pixel méretű, a bal- és jobboldali margót pedig állítsa be úgy, hogy az elem középre rendeződjön.

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

Az elkészült weboldal: