Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... az adott honlapon elérhető oldalak listája. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – oldaltérkép b. – web hosting c. – domain d. – könyvjelzők/kedvencek

1/2. Miért fontos a metaadatok megfelelő használata?

a. – Információkat tartalmaz a honlapról, amit a keresők felhasználnak a weboldalak feldolgozásakor. b. – Segíti a honlapra látogató felhasználókat az elérhető oldalakról. c. – Hivatkozásokat tartalmaz, amelyek a keresőmotorról a honlapra mutatnak. d. – Látogatottsági statisztika készíthető belőle a honlapot üzemeltető számára.

1/3. 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/4. Mire használják a weboldalak táblázataiban a <tbody> jelölőt?

a. – táblázat egy cellájának megadására b. – táblázat törzsének megadására c. – táblázat egy sorának megadására d. – táblázat háttérszínének megadására

1/5. Az alábbiak közül milyen jelölőket használunk kiválasztó lista típusú űrlapelem létrehozására?

a. – <input> jelölőt, azon belül az egyes elemekhez <option> jelölő b. – <option> jelölőt, azon belül az egyes elemekhez <select> jelölőt c. – <select> jelölőt, azon belül az egyes elemekhez <input> jelölőt d. – <select> jelölőt, azon belül az egyes elemekhez <option> jelölőt

1/6. Mit módosíthatunk a hiperhivatkozások „link” állapotának módosításával?

a. – Arra a A hivatkozás azon tulajdonságait, amikor éppen rákattintunk. b. – A még meg nem látogatott hivatkozások tulajdonságait. c. – A már korábban meglátogatott hivatkozások tulajdonságait. d. – A hivatkozások keretének tulajdonságait.

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

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

Tedd az „Üdvözlöm Önt cégünk nevében!” sort 1. szintű címsor típusúvá.
A „Reméljük, hamarosan...” mondat elé tegyél sortörést.

3. Szúrd be a map.gif képet a kep_kozep osztályú elemen belülre. A képhez adj alternatív szöveget térkép értékkel.

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

4. Nyisd meg az idojaras.txt fájlt.
Mentsd el a fájlt weboldalként idojaras.html néven.

Egészítsd ki a fájlt a hiányzó html nyitó és záró jelölőivel. Adj oldalcímet a következő szöveggel: „Csendes Víz horgásztó”.

5. Tedd félkövérré „A változó felhőzet”, valamint „A sok napsütés” szövegrészeket.

6. A „Várható hőmérséklet” szövegrészeket mindkét előfordulásnál alakítsd dőltté.

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

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

Adj táblázatcímet (caption) az oldalon lévő táblázatnak „Minőségi botok kedvező áron” szöveggel.

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

8. Nyisd meg az informacio.html fájlt.

Az „Információ” címsor alatti, űrlapig tartó sorokat alakítsa definíciós listává.

9. Az űrlap Kategória felirathoz tartozó mezőjéhez vegyél fel egy új választható értéket egyéb szöveggel.
Az űrlapelem paramétereit változtasd meg úgy, hogy lenyíló legyen.

10. Az Üzenet felirathoz tartozó beviteli mező paramétereit módosítsd úgy, hogy a sorok száma 5, a soron belüli karakterek száma 50 legyen. A szövegmezőbe alapértelmezetten „Írj valamit!” szöveg jelenjen meg.

11. A submit gomb mellé vegyél fel egy reset típusú nyomógombot, amelynek felirata „adatok törlése” legyen.

Mentsd el és zárd be az informacio.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ő elemek hover állapotánál a betű színe sárga (yellow) legyen és aláhúzott.

13. A table elemek felső és alsó margója legyen 0 méretű, a bal- és jobboldali margót állítsd be úgy, hogy az elem középre igazodjon.

14. A td elemek számára határozz meg keret tulajdonságot, amely 1 pixel vastag, szaggatott mintázatú és #888 színű.

15. A legend elemekre a betűstílust állítsd félkövérre.

16. A text típusú input elemek szélessége legyen 300 pixel.

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

Az elkészült weboldal: