Webszerkesztés
Visual Studio Code

---

1/1. Az alábbiak közül melyik állítás igaz?

a. – A HTML weboldalak létrehozásához használatos leíró nyelv. b. – Egy CSS stíluslap fájlt csak egyetlen HTML fájlhoz lehet hozzárendelni. c. – Azért van szükség CSS stíluslapra, mert a tartalom és megjelenés csak külön helyen tárolható. d. – A HTML weboldalakat kizárólag webszervereken tudunk tárolni.

1/2. Jelöld meg, melyik a webszerver helyes meghatározása!

a. – Olyan program, amellyel az interneten keresztül elérhető weblapok megtekintését, illetve az interneten elérhető szolgáltatások használatát teszi lehetővé. b. – Olyan protokoll, amely a webszerver és a kliens programok közti kommunikációt biztosítja. c. – Olyan 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. d. – Olyan kiszolgáló, amely weblapok elérését teszi lehetővé HTTP protokoll segítségével.

1/3. Egy weboldalon a gyors letöltés céljából melyik a legalkalmasabb hangformátum típus?

a. – CDA b. – VAW c. – MP3 d. – WAV

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

a. – táblázat egy cellájának megadására b. – táblázat alsó szegélystílusának megadására c. – táblázat láblécének megadására d. – táblázat cellái közti távolság 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. – Az "űrlap adatainak visszaállítása" gomb elhelyezésére. d. – kiválasztó lista elhelyezésére

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

a. – Arra a <p> elemre, amely olyan elemen belül található, amelynek "id" jellemzője "kiemelt". b. – Minden <p class="kiemelt"> elemre. 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.

Vond össze a „Csúcs, hogy...” kezdetű bekezdést az azt követő bekezdéssel, a „Legutóbbi kalandozásom...” mondat elé szúrj be egy sortörést.

3. Állíts be hiperhivatkozást az oldalon szereplő „Párizs” szó mindkét előfordulására, a hivatkozás mutasson a Párizs című oldalra.

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

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

Rendelj a fájlhoz a styles.css stíluslap állományt. Adj oldalcímet „Jani utazós web site-ja¨ szöveggel.

5. Alakítsd félkövérré a szövegben szereplő „Rómát” szót, valamint dőltté a „Le jardin” kifejezést.

6. Az oldalon lévő táblázat első oszlopát módosítsd fejléc cella típusúvá.

7. Cseréld meg a táblázat két sorát, felül legyenek a képek és alatta a szöveg.

8. Adj alternatív szöveget a táblázatban található képeknek, amely ugyanaz legyen, mint a képekhez tartozó helyszín szövege.
9. A képek megjelenési magasságát egységesen 190 pixelben határozd meg.

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

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

Módosítsd az „Üzenet” felirathoz tartozó beviteli mezőt többsorossá, a sorok száma 5, a soron belüli karakterek száma pedig 45 legyen.

11. A nyomógomb mellé vegyél fel egy másik, reset típusú nyomógombot is, amelynek felirata „üzenet törlése” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
Az oldal azonosítójú elemen belüli hivatkozás jelölő elemekre, és azok link és visited állapotaira alkalmazd a következő szabályokat: a szöveg ne legyen aláhúzott, a betű színének pedig #ffd értéket adj.

13. A table elemek szélessége legyen 100%.

14. A th és td elemekre a szövegigazítás vízszintesen középre történjen, a függőleges igazítás pedig felülre.

15. A textarea elemekre határozz meg #f6f6f6 értékű háttérszínt.

16. A text típusú input elemek szélességét állítsd 300 pixelre.

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

Az elkészült weboldal: