Webszerkesztés
Visual Studio Code

---

1/1. 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/2. Milyen jelölőt szokás használni egy weboldalon egy fejezet alcímének létrehozásához?

a. – <h2>, <h3>,..., <h6> jelölők valamelyikét b. – <ol> jelölőt c. – <ul> jelölőt d. – <p2>, <p3>,..., <p6> jelölők valamelyikét

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

a. – hiperhivatkozás létrehozására b. – számozatlan felsorolás létrehozására c. – egyszerű bekezdés létrehozására d. – számozott felsorolás létrehozására

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. Az alábbiak közül melyik határoz meg többsoros szöveges beviteli mezőt?

a. – <textarea name="msg" rows="4" cols="50">Üzenet szövege:</textarea> b. – <input type="textarea" name="msg" rows="4" cols="50">Üzenet szövege:</input> c. – <area name="msg" rows="4" cols="50">Üzenet szövege:</area> d. – <form type="area" name="msg" rows="4" cols="50" value="Üzenet szövege:">

1/6. Jelöld meg, az alábbiak közül melyik az internal (fájlon belüli) stíluslap használati mód meghatározása!

a. – A stílus egy adott jelölőn belül van definiálva és csak ott érvényes. b. – A stílus a HTML dokumentumon kívül, külön CSS fájlban van definiálva. c. – A stílus a HTML dokumentumon belül <style> jelölőn belül van definiálva és az egész dokumentumra érvényes. d. – A stílus nincs definiálva, a megjelenés a böngészőre van bízva.

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

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

A „Termékeink minőségi...” kezdetű mondattól a szöveg kerüljön új bekezdésbe.
A „Reméljük, hogy...” mondat elé szúrj be egy sortörést.

3. Állíts be hiperhivatkozást a „bármelyik termékünk” szövegrészre, amely mutasson a Szőnyegek című oldalra.
Állíts be hiperhivatkozást a „felkeltette érdeklődését” szövegrészre is, ez mutasson a megrendeles.html oldalra.

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

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

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

5. A „Jelenleg teljes munkaidőbe keresünk:” alatti sorokat alakítsd számozott felsorolás stílusúvá.

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

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

Méretezd át a táblázatban található képek megjelenését úgy, hogy a képek mérete egységesen 80 pixel szélesek legyenek.

7. A táblázathoz adj táblázatcímet (caption) „Jelenleg kapható szőnyegek” szöveggel.

8. Rendezd át a sorokat úgy, hogy megnevezés szerint ABC sorrendben legyenek.

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

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

Az űrlap Szőnyeg feliratához tartozó űrlapelemet módosítsd úgy, hogy valamennyi értéke látszódjon, alapértelmezetten pedig legyen a Spring kiválasztott állapotban.

10. Az „Elektronikus számlát küldjünk?” rádiógombjaihoz tartozó feliratokat alakítsd címke (label) típusúvá.

11. Az űrlap alján található nyomógomb mellé vegyél fel egy reset típusú nyomógombot is, amelynek „alaphelyzet” szövegű felirata legyen.

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:
Az alja 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öveg elrendezése pedig középre történjen.

13. A caption elemeknél a betűméretre az alap betűméret 1,2-szeresét add meg, a betűstílus pedig legyen félkövér.

14. A td elemek számára határozz meg 1 pixel vastag, pontozott mintázatú és #ccc színű keretet.

15. A fieldset elemek felső és alsó margóját állítsd 0 méretűre, a bal- és jobboldalit pedig állítsd be úgy, hogy az elem középre rendeződjön.

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: