Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... webszerverek kérés-válasz alapú elérési protokollja a webszerver és a kliens (általában böngésző) között. Válassza ki, melyik a mondat helyes kiegészítése!

a. – HTML b. – WWW c. – HTTP d. – USB

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

a. – Számozott felsorolásban az első elem tárolására szolgál. b. – Fejezetcím, amely általában a legkiemeltebb betűstílusú szövegként jelenik meg az oldalon. c. – Egyszerű bekezdés létrehozására. d. – Fejezet alcím, amely általában kiemelt betűstílussal jelenik meg, de kevésbé kiemelt, mint a <h2>.

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

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

Állíts be hiperhivatkozást a második bekezdésben két helyen található „Párizs” szóra, amelyek mutassanak a parizs.html oldalra.

Alakítsd hiperhivatkozássá a „lépj velem kapcsolatba” szövegrészt is, ez pedig mutasson a Kapcsolat című oldalra.

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

3. Nyisd meg a london.html fájlt.

Szúrj be egy horgonyt (könyvjelzőt) top néven közvetlenül a body nyitó jelölő alá.

Alakítsd hiperhivatkozássá az oldal alján található „Vissza a lap tetejére” szöveget, a hivatkozás mutasson az oldal top nevű könyvjelzőjére.

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

4. Nyisd meg a parizs.txt fájlt.

Mentsd el a fájlt weboldalként parizs.html néven.

Egészítsd ki a fájlt a hiányzó head és body nyitó és záró jelölőivel.

5. A képek és a képaláírások nem passzolnak össze. Tedd a helyére a képaláírásokat, hogy a megfelelő képek alá kerüljenek.

mivel nincs jelentősége a képek sorrendjének, ezért a képnevek cseréjét mutatom be

6. Tedd dőltté a „Le jardin” szövegrészt. Szüntesd meg a dőlt stílust a „Rómát már megörökíthetem” szövegrészről.

7. A galeria osztályon belüli képek magasságai legyenek 190 pixelesek.

8. A képeknek adj alternatív szöveget, ami ugyanaz legyen, mint a képhez tartozó képaláírás.

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

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

Módosítsd a Név: szöveg alatti beviteli mező jellemzőit a következőképpen: a mező neve legyen nev, a mezőbe alapértelmezetten az „ide írja a nevét” szöveg kerüljön.

10. A többsoros beviteli mező méreteit módosítsd úgy, hogy a sorainak száma 5, a soron belüli karakterek száma 50 legyen. Alapértelmezetten az „ide írja az üzenetét” szöveg jelenjen benne meg.

11. Hozz létre egy submit típusú nyomógombot az űrlap alján, amelynek neve ok, a gomb felirata pedig „üzenet küldése” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
Hozz létre egy új szabályt a hivatkozás jelölő elemekre, és azok link és visited állapotaira: a betű színe legyen #66f és ne legyen aláhúzva.

13. Adj egy új szabályt a hivatkozás jelölő elemek hover állapotára: a betű színe legyen #f66 és aláhúzott.

14. Módosítsd azt a CSS szabályt, amely azokra az elemekre vonatkozik, amelyek osztálya kep_hely és galeria egyszerre: A margó értékét állítsd 5 pixelre, és töröld a padding értékre vonatkozó értékadást.

15. Szúrj be egy új szabályt: a többsoros beviteli mező háttérszíne legyen #f6f6f6, a betűszín pedig #66f.

16. A submit típusú gomb feliratának betűstílusát állítsd félkövérre.

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

Az elkészült weboldal: