Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... egy olyan program vagy alkalmazás, amely bizonyos szavaknak, kifejezéseknek megfelelő információkat keres az interneten. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – keresőmotor b. – webszerver c. – böngésző d. – URL

1/2. Hogyan hozunk létre egy weboldalon belül a „fejezet1” nevű könyvjelzőre mutató hivatkozást?

a. – <a name="#fejezet1">kattints ide</a> b. – <a id="fejezet1">kattints ide</a> c. – <a href="#fejezet1">kattints ide</a> d. – <a href="fejezet1.html">kattints ide</a>

1/3. 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/4. A weboldalak táblázataiban hogyan tudunk szomszédos cellákat összevonni?

a. – a táblázat "cellpadding" és "cellspacing" jellemzőinek használatával b. – a cellák "colspan" és "rowspan" jellemzőinek használatával c. – a cellák "merge" jellemzőjének használatával d. – <colgroup> jelölő használatával

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. – jelölőnégyzet elhelyezésére d. – kiválasztó lista elhelyezésére

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.

Tedd 1. szintű címsorrá az „Üdvözöljük honlapunkon!”, valamint „A századok ködéből...” sorokat.

3. Állíts be hiperhivatkozást a „konyha remekei” szövegrészre, amely mutasson a Specialitások című oldal foetelek könyvjelzőjére.
Állíts be hiperhivatkozást az „édességek” szóra is, ez mutasson a Specialitások című oldal desszertek könyvjelzőjére.

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

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

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

5. Alakítsd számozott felsorolás stílusúvá „A menü tartalma:” alatti sorokat.

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

6. Nyisd meg a spec.html fájlt.

Szúrj be horgonyt (könyvjelzőt) a Főételek táblázata elé „foetelek” értékkel, valamint a Desszertek táblázata elé „desszertek” értékkel.

7. A táblázatokban lévő képek megjelenési szélességeit állítsd egységesen 140 pixel értékűre.

8. Vond össze a táblázatok fejléc cella sorait a velük szomszédos üres cellákkal.

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

9. Nyisd meg a foglalas.html fájlt.

Az űrlapon rádiógombokhoz tartozó feliratokat tedd címke (label) típusúvá.

10. A „Személyek száma” felirathoz tartozó űrlapelemet módosítsd úgy, hogy az elem minden értéke látszódjon. Alapértelmezésben az 1. érték legyen kiválasztott állapotban.

11. A nyomógomb név értéke „ok”, a felirata „küldés” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A tartalom azonosítójú elemen belüli kozep osztályú elemekre a szövegigazítás középre történjen.

13. A th elemekre határozz meg #060 háttérszínt, valamint #fff betűszínt.

14. A td elemeknek állítsd a bélés (padding) értékét 5 pixelre, függőleges igazítását pedig alulra.

15. A form elemeknek állítsd be a margóját a következőképpen: felül és alul a margó 0 méretű legyen, a bal- és jobboldali margót állítsa be úgy, hogy az elem középre rendeződjön.

16. A legend elemek számára állíts be félkövér betűstílust és 20 pixeles betűméretet.

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

Az elkészült weboldal: