Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... olyan számítógép vagy program, amelyik hozzáfér egy (távoli) szolgáltatáshoz, amelyet egy számítógép hálózathoz tartozó másik számítógép nyújt. Válassza ki, melyik a mondat helyes kiegészítése!

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

1/2. 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/3. Mire szolgál a HTML állományokban az <a href...> jelölő?

a. – hiperhivatkozás létrehozására b. – könyvjelző (horgony) létrehozására c. – fejezetcím létrehozására d. – egyszerű bekezdés létrehozására

1/4. Mire használják a weboldalak táblázataiban a <caption> jelölőt?

a. – táblázat címére b. – táblázat láblécének megadására c. – táblázat oszlopcímének megadására d. – táblázat egy cellájának megadására

1/5. Mire használjuk az űrlapoknál az <input type="reset"> jelölőt?

a. – szöveges beviteli mező elhelyezésére b. – "űrlap elküldése" gomb elhelyezésére c. – "űrlap adatainak visszaállítása" gomb elhelyezésére d. – kiválasztó lista elhelyezésére

1/6. A(z) ...... stílusleíró nyelv, amely a weboldalak megjelenését írja le. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – HTML b. – RSS c. – XML d. – CSS

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

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

Egészítsd ki a fájlt a hiányzó html nyitó és záró jelölőivel. Rendelj a fájlhoz a styles.css stíluslap állományt.

3. Az „Állásajánlat” sort tedd 2. szintű címsorrá.
A „Jelenleg teljes...” alatti felsorolás stílusát módosítsd számozatlanná.

4. Állíts be hiperhivatkozást a „Saját készítésű pizzáink” szövegrészre, amely mutasson a pizzak.html oldalra.
Állíts be hiperhivatkozást a „futárokkal” szóra is, ez mutasson a Megrendelés című oldalra.

Mentsd el a fájlt weboldalként index.html néven és zárd be.

5. Nyisd meg a tortenet.html fájlt.

Az „Eredetileg a pizza...” mondattól a szöveg kerüljön új bekezdésbe.
„A modern pizza feltalálását...” mondattól a szöveg kerüljön új bekezdésbe.

6. „A modern pizza feltalálását” szövegrészt tedd félkövérré.
A „Raffaele Espositónak” szövegrészt alakítsd félkövérré és dőltté.

7. A kep_jobb osztályú elemen belülre szúrd be a pizza_02.jpg képet. A kép megjelenési szélességét állítsd 280 pixelre.

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

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

Alakítsd az itt található táblázat első sorát fejléc cella típusúvá.

9. Javítsd a táblázatban a 45 cm-es gombás pizza árát 2200 Ft-ra, a 32 cm-es kolbászosét pedig 1300 Ft-ra.

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

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

Az oldalon található űrlap egészét tedd egy mezőcsoportba (fieldset). Adj magyarázó feliratot (legend) a mezőcsoportnak „Válasszon pizzát és adja meg adatait!” szöveggel.

11. Az űrlap alján található nyomógomb típusát módosítsd submit típusúra, a felirata pedig legyen „megrendelés”.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A content azonosítójú elemen belüli h2 elemekre a betű mérete az alap betűméret 1,3-szorosa legyen.

13. A th elemek háttérszíne #c00000 legyen, a betű színe pedig fehér (white).

14. A td elemekhez rendelj bélés (padding) értékeket, a felső és alsó 5 pixel, a bal- és jobboldali pedig 10 pixel legyen.

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

16. A submit típusú input elemekben a betűméret legyen az alap betűméret 1,3-szorosa.

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

Az elkészült weboldal: