Webszerkesztés
Visual Studio Code

---

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

a. – egyszerű bekezdés létrehozására b. – hiperhivatkozás létrehozására c. – sortörés létrehozására d. – kép beillesztésére

1/2. Jelölje meg, melyik a HTTP protokoll helyes meghatározása!

a. – Az e-mailek interneten történő továbbítására használatos kommunikációs protokoll. b. – A webszerverek és a kliens programok (pl. böngészők) közti kommunikáció protokollja. c. – Ügyfelek egymással való közvetlen kommunikációjának protokollja. d. – Számítógépek közti titkosított kapcsolat protokollja.

1/3. Milyen jelölőt szokás használni egy weboldalon egyszerű (számozatlan) felsorolás létrehozásához?

a. – <h1>, <h2>,..., <h6> jelölők valamelyikét b. – <ul> jelölőt c. – <ol> jelölőt d. – <pl> jelölőt

1/4. Mire használják a weboldalak táblázataiban a <td> 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. Mit módosíthatunk a hiperhivatkozások „hover” állapotának módosításával?

a. – A még meg nem látogatott hivatkozások tulajdonságait. b. – A hivatkozások keretének tulajdonságait. c. – A hivatkozás azon tulajdonságait, amikor éppen rákattintunk. d. – A hivatkozás azon tulajdonságait, amikor az egérmutatót a link fölé visszük.

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

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

Alakítsd definíciós listává a címsor alatti Cím, Telefon, stb. sorokat.

3. Állíts be hiperhivatkozást az „üzenet írása itt” szövegrészre, amely mutasson a Kapcsolat című oldalra.
Alakítsd hiperhivatkozássá a szövegben előforduló „info@...” email címet is.

4. Módosítsd a szövegbe beszúrt kép megjelenési méreteit úgy, hogy a szélesség 220 pixel, a magasság 310 pixel legyen. Adj alternatív szöveget a képnek „edzőgép” értékkel.

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

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

Egészítsd ki a fájlt a hiányzó html nyitó és záró jelölőivel. Az oldalcím szövege pedig legyen „Izzó Fitnesz Klub”.

6. Alakítsd dőltté a „25*100*3 m-es” szövegrészt.
A „4 °C-os” szövegrészt pedig tedd félkövérré és dőltté.

7. Az oldalon található táblázatnak adj táblázatcímet (caption) „Teremfelelősök beosztása” szöveggel.

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

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

Az oldalon lévő űrlap Név feliratához tartozó beviteli mező paramétereit módosítsd úgy, hogy a név értéke „nev”, a maximálisan beírható karakterek száma pedig 30 legyen.

9. Az űrlap rádiógombjai közé vegyél fel egy újat, amelynek címkéje „Egyéb” legyen. Alapértelmezés szerint ez a rádiógomb legyen bejelölt állapotban.

10. A többsoros beviteli mező sorainak számát módosítsd 6-ra, a soron belüli karakterek számát pedig 60-ra. A mezőbe alapértelmezetten szerepeljen a következő szöveg: „Írjon nekünk vagy üzenjen!”.

11. A „Küldés” nyomógomb mellé vegyél fel egy reset típusú nyomógombot is, amelyen „Alaphelyzetbe” felirat szerepeljen.

Mentsd el és zárd be a kapcs.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 hivatkozás jelölő elemekre, és azok link és visited állapotára határozz meg fehér (white) betűszínt, a szöveg ne legyen aláhúzva.

13. A tartalom azonosítójú elemen belüli h1 elemeknél a betűméret az alap betűméret 1,5-szöröse legyen, a szövegigazítás pedig középre történjen.

14. A th és td elemek számára határozz meg 5 pixeles felső és alsó, valamint 15 pixeles bal- és jobboldali bélés (padding) értékeket.

15. A legend elemekhez rendelj félkövér betűstílust.

16. A text típusú input elemek szélességét állítsd 500 pixel méretűre.

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

Az elkészült weboldal: