Webszerkesztés
Visual Studio Code

---

1/1. Az alábbiak közül melyik állítás igaz?

a. – Az URL webcímet jelent, webhelyet azonosít és mindig www-vel kezdődik. b. – Az egyén nem tehető felelőssé az általa elhelyezett tartalomért. c. – A kommunikációs protokollok olyan szabályok, amelyekkel kapcsolatot létesíthet és adatot cserélhet egyik gép a másikkal. d. – A HTML egy kommunikációs protokoll.

1/2. Milyen jelölőt szokás használni egy weboldalon hiperhivatkozás létrehozásához?

a. – <p href="..."> jelölőt b. – <a href="..."> jelölőt c. – <a id="..."> jelölőt d. – <a name="..."> jelölőt

1/3. 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/4. Mit határoz meg a weboldalak táblázataiban a „rowspan” 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. Az alábbiak közül melyik határoz meg egyszerű (egysoros) szöveges beviteli mezőt?

a. – <text name="város" value=""> b. – <select type="text" name="város" value=""> c. – <option type="text" name="város" value=""> d. – <input type="text" name="város" value="">

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

a. – A hivatkozás azon tulajdonságait, amikor éppen rákattintunk. b. – A hivatkozások keretének tulajdonságait. c. – A már korábban meglátogatott hivatkozások tulajdonságait. 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.

A Nyitvatartási idő alatti sorokat formázd számozatlan felsorolás stílusúvá.

3. Egészítsd ki a felsorolást: Szombat: 9.00 - 14.00, valamint Vasárnap: Zárva sorokkal.

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

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

Egészítsd ki a fájlt a hiányzó head nyitó és záró jelölőivel. Adj oldalcímet Könyvtár szöveggel.

5. Módosítsd a szöveg elején lévő „Előjegyzés” sor típusát egyszerű bekezdésről 1. szintű címsorrá, a félkövér tulajdonságát pedig töröld.

6. Alakítsd félkövérré a „10 multimédiás PC-vel” szövegrészt, az „internet” szót pedig dőltté.

7. Javítsd a cím alatti képfájl nevét, és adj alternatív szöveget a képnek PC értékkel.

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

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

A táblázat első sorának celláit alakítsd fejléc cella típusúvá.

9. Töröld a táblázatból az egyéb, fel nem sorolt művészetek tartalmú sort.

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

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

A „Hosszabbítás kérés ideje” szöveghez tartozó mező paramétereit módosítsd úgy, hogy minden sora látszódjon, és alapértelmezetten a 2 nap érték legyen kiválasztott állapotban.

11. Az „Egyéb megjegyzés” szöveghez tartozó mező legyen többsoros beviteli mező, a sorok száma 6, a soron belüli karakterek száma pedig 35 legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A cim azonosítójú elemen belüli h1 elemek a betűköze 0.3em, a betűméret 36 pixel legyen.

13. A menu azonosítójú elemen belüli li elemeknek legyen 1 pixel vastag, pontozott mintázatú és #c57658 színű kerete.

14. A th elemeknek legyen a háttérszíne #006, a betűszíne pedig #ff9.

15. A td elemekben a szöveg felülre legyen rendezve, a betűszínt pedig állítsd be #333 színűre.

16. A submit típusú mezők betűstílusát állítsd félkövérre.

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

Az elkészült weboldal: