Webszerkesztés
Visual Studio Code

---

1/1. Mit nevezünk abszolút hiperhivatkozásnak?

a. – Abszolút hiperhivatkozásnak nevezzük azokat a hivatkozásokat, amelyek önmagukra hivatkoznak. b. – Olyan hiperhivatkozásokat, amelyek csak az elérési helyet tartalmazzák, a hivatkozott dokumentum nevét nem. c. – Olyan hiperhivatkozásokat, amelyek nem tartalmazzák a hivatkozott dokumentum elérési helyét, csak a dokumentum nevét. d. – A hivatkozott dokumentum nevét és teljes elérési útját tartalmazó hiperhivatkozást nevezzük így.

1/2. Milyen jelölőt szokás használni egy weboldalon könyvjelző (horgony) létrehozásához?

a. – <a href="..."> jelölőt b. – <h href="…"> jelölőt c. – <h1>, <h2>,..., <h6> jelölők valamelyikét d. – <a id="..."> jelölőt

1/3. A(z) ...... egy weboldal kezdő pontja, amelyről elérhetők az oldal főbb részei. Melyik a mondat helyes kiegészítése?

a. – WWW b. – domain c. – ügyfélkapu d. – honlap

1/4. Hogyan adható meg a HTML táblázatokban a keret vastagsága?

a. – a <table> jelölő „line” jellemzőjével b. – a <table> jelölő „border” jellemzőjével c. – a <table> jelölő „margin” jellemzőjével d. – a <table> jelölő „width” jellemzőjével

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. 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ítsd el a Visual Studio Code webszerkesztő programot.

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

A „gyapjúból” szót tedd félkövérré, a „TIP-TOP Szőnyegház vezetősége” szövegrészt pedig alakítsd dőltté.

3. Állíts be hiperhivatkozást a „Termékeink” szóra, amely mutasson a Szőnyegek című oldalra.
Állíts be hiperhivatkozást a „vevőink között” 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ó html és body nyitó és záró jelölőivel.

5. Alakítsd félkövérré a „Jelenleg teljes munkaidőbe keresünk:” sort.
Alatta a felsorolás legyen számozatlan felsorolás stílusú.

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

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

A táblázatban található képek alternatív szöveg értéke legyen ugyanaz, mint a hozzájuk tartozó sor megnevezés cellájának szövege.

7. Módosítsd a táblázat első sorának celláit fejléc cella típusúvá.

8. Cseréld meg a méret és a kategória oszlopot.

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

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

A Szőnyeg felirathoz tartozó választómező választható értékeit rendezd ABC sorrendbe.

10. A Telefonszám mezőjébe maximálisan beírható karakterek száma 15 legyen, alapértelmezetten pedig legyen 06- érték beírva.

11. Az űrlap alján található nyomógomb típusa legyen submit, a felirata pedig „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 kozepe azonosítójú elemen belüli hivatkozás jelölő elemek hover állapota esetén a szöveg legyen aláhúzva.

13. A table elemek felső és alsó margója 0 nagyságú legyen, a bal- és jobboldali margókat állítsd be úgy, hogy az elem középre rendeződjön.

14. A th elemekben háttérszín #999 legyen és a szöveg balra rendezett.

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

16. A submit típusú input elemek betűmérete legyen az alap betűméret 1,1-szerese.

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

Az elkészült weboldal: