Webszerkesztés
Visual Studio Code

---

1/1. Egy weboldalon a gyors letöltés céljából melyik a legalkalmasabb videoformátum típus?

a. – AVI b. – FLV c. – DVD d. – VCD

1/2. A(z) ...... egymással kereszthivatkozásokban álló dokumentumok halmaza az interneten. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – FTP b. – HTTP c. – PDF d. – WWW

1/3. Milyen jelölőt szokás használni egy weboldalon sortöréshez?

a. – <ul> jelölőt b. – <br> jelölőt c. – <p> jelölőt d. – <hr> jelölőt

1/4. Mit határoz meg a weboldalak táblázataiban a „colspan” jellemző?

a. – hány egymás alatti cella legyen összevonva egy cellává b. – a cellabélés nagyságát c. – hány egymás melletti cella legyen összevonva egy cellává d. – a cellák közti távolságot

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. – Az „űrlap adatainak visszaállítása” gomb 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.

A „Családi tagságot...” kezdetű mondat elé szúrjon be egy sortörést.
A „Kérjük, töltse ki...” kezdetű mondattól a szöveg kerüljön új bekezdésbe.

3. Szúrj be egy 3. szintű címsort A Bayview Szabadidő Központ versenyúszási lehetőséget biztosít... bekezdés elé Versenyúszás szöveggel.

4. Cseréld le a facilities.jpg képet a swimming.jpg-re. A kép megjelenési szélessége legyen 170 pixel, magassága pedig 180 pixel.

5. Módosítsd a táblázatban a Versenyúszás részen a csütörtöki napra vonatkozó cellát,
a cella tartalma 19.30-20.30 legyen. A cella kiemelt osztályba sorolását töröld.

6. Vond össze a Football klub celláját a vele egy sorban lévő üres cellákkal.

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

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

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

Nem a head jelölők hiányoznak, hanem a html jelölők!

8. Módosítsd a Bayview Golf Klub, valamint a Bayview Futball Klub sorait 3. szintű címsorrá.

9. Állíts be hiperhivatkozást az „űrlapot kitölteni” szövegrészre, amely mutasson a Kapcsolat című oldalra,
valamint a „felvenni velünk a kapcsolatot” szövegrészre is, ez mutasson a tel.html oldalra.

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

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

Az űrlapon található jelölőnégyzet alapértelmezetten legyen bejelölt állapotban.
A hozzá tartozó „Ajánlatot szeretnék kérni” szöveget alakítsd címke (label) típusúvá.

A munkafájlban a jelölőnégyzet azonosítója: ajanlatkeresS, a végén egy kis és egy nagy S-sel,
helyesen: ajanlatkeres.

11. Tedd mezőcsoportba (fieldset) a form jelölőn belüli részt.
Adj magyarázó feliratot (legend) az űrlapnak Kapcsolat szöveggel.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
Az also azonosítójú elemen belüli h2 elemekre vonatkozóan a betűméret legyen 16 pixel, a szöveg pedig legyen középre rendezett.

13. A cim azonosítójú elemek betűköze legyen 0.4em, a szöveg középre rendezett.

14. A table elemeken belüli kiemelt osztályú elemekben legyen a betű színe vörös (red), a betűvastagság félkövér.

15. A caption elemekben a szöveg betűstílusát állítsd félkövérre.

Egyik oldalon sincs caption elem!

16. Az urlap azonosítójú elemre a felső és alsó margók 0 méretűek legyenek, a bal- és jobboldali margókat állítsd be úgy, hogy az elem középre igazodjon.

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

Az elkészült weboldal: