Webszerkesztés
Visual Studio Code

---

1/1. Mi az oldaltérkép?

a. – Azon oldalak listája, amelyek a böngészőnk könyvjelzőihez/kedvenceihez van hozzáadva. b. – Interneten elérhető térkép helymeghatározó rendszerek számára. c. – Dokumentumok elérési útjainak rendezett listája a helyi számítógép meghajtóin. d. – A honlap minden egyes oldala címeinek listája rendezett formában, keresztlinkekkel, kép- és szövegfájlokkal együtt.

1/2. Mire szolgál a HTML állományokban a <title> jelölő?

a. – Itt adható meg a weboldal készítőjének a neve. b. – Itt adható meg a weboldal helyének postacíme. c. – Itt kell megadni a weboldal létrehozási helyének, idejének adatait. d. – Itt kell megadni a weboldal címét.

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

a. – fejezetcím létrehozására b. – hiperhivatkozás létrehozására c. – könyvjelző (horgony) létrehozására d. – számozott felsorolás létrehozására

1/4. Milyen jelölőt kell használni a weboldalak táblázataiban a táblázat egy-egy sorának meghatározására?

a. – <th> jelölőt b. – <td> jelölőt c. – <tr> jelölőt d. – <hr> jelölőt

1/5. Az alábbiak közül milyen jelölőket használunk kiválasztó lista típusú űrlapelem létrehozására?

a. – <input> jelölőt, azon belül az egyes elemekhez <option> jelölőt b. – <option> jelölőt, azon belül az egyes elemekhez <select> jelölőt c. – <select> jelölőt, azon belül az egyes elemekhez <input> jelölőt d. – <select> jelölőt, azon belül az egyes elemekhez <option> jelölőt

1/6. Mire illeszkedik az a CSS szabály, amelynek szelektora: „#kiemelt p{...}”?

a. – Minden olyan <p> elemre, amely olyan elemen belül található, amelynek „class” jellemzője „kiemelt”. b. – Minden olyan <p> elemre, amely olyan elemen belül található, amelynek „id” jellemzője „kiemelt”. c. – Minden olyan <p> elemen belüli elemre, amelynek „class” jellemzője „kiemelt”. d. – A <p id="kiemelt"> elemre.

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

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

Alakítsd 2. szintű címsorrá a Cím, Telefon, Email és a Nyitvatartás sorokat.

3. Állíts be hiperhivatkozást az „info@...” email címre.
Állíts be hiperhivatkozást az „üzenet írása itt” szövegrészre is, amely mutasson a Kapcsolat című oldalra.

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

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

Adj oldalcímet „Izzó Fitnesz Klub” szöveggel.
Rendelj a fájlhoz a styles.css nevű stíluslap állományt.

5. Tedd dőltté a „has-, hát- és karizom-fejlesztő” szövegrészt.
Alakítsd félkövérré a Konditerem, az Uszoda és a Szauna sorokat.

6. Szúrd be a fitness_2.jpg képet a kep osztályú elemen belülre.
Adj alternatív szöveget a képnek „súlyzó” néven.

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

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

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

Szúrj be egy új sort az oldalon található űrlapba a Név alá. A felirat legyen „Email cím”, a hozzá tartozó mező egysoros szöveges beviteli mező.

9. A „Melyik szolgáltatásunk keltette fel az érdeklődését?” kérdéshez tartozó rádiógombok feliratait alakítsd címke (label) típusúvá.

10. Az Üzenet felirathoz tartozó beviteli mezőt módosítsd többsorosra, a sorok száma legyen 6, a soron belüli karakterek száma pedig 60.

11. Az űrlap végén található nyomógomb paramétereit módosítsd úgy, hogy a típusa submit, a felirata pedig „küldés” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A kivalasztott osztályú hivatkozás jelölő elemekre a betűszín legyen sárga (yellow).

13. Módosítsd a tartalom azonosítójú elem h2 gyermekelemeire vonatkozó szabályt: itt a betű mérete az alap betűméret 1,3-szorosa legyen, a betűstílus pedig félkövér.

14. A table elemek felső és alsó margóit méretezd 10 pixelesre, a bal- és jobboldali margókat pedig állítsd be úgy, hogy az elem középre rendeződjön.

15. A th és td elemekhez adj keretet, ami 1 pixel vastag, pontozott mintázatú és #666 színű.

16. A fieldset elemek felső és alsó margója 0, a bal- és jobboldali margója 20 pixel értékű legyen.

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

Az elkészült weboldal: