Webszerkesztés
Visual Studio Code

---

1/1. A következő képformátumok közül melyiket használják a leginkább nagy fényképek webes közzétételére?

a. – BMP b. – JPG c. – MP4 d. – AI

1/2. Hogyan hozunk létre egy weboldalon belül a „fejezet1” nevű könyvjelzőre mutató hivatkozást?

a. – <a name="#fejezet1">kattints ide</a> b. – <a id="fejezet1">kattints ide</a> c. – <a href="#fejezet1">kattints ide</a> d. – <a href="fejezet1.html">kattints ide</a>

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

a. – A HTML szoftverfüggetlen és sima szövegformátumban készül. b. – Az URL weboldalak megtekintésére szolgáló alkalmazás. c. – A HTTP egyszerű szövegformátumú dokumentumleíró nyelv. d. – A TCP/IP az internetes erőforrások helyét meghatározó cím.

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: „.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 <p class="kiemelt"> elemre. d. – A <p id="kiemelt"> elemre.

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

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

Az „Üdvözlöm Önt...” kezdetű sort tedd 1. színű címsorrá.
A „Reméljük...” kezdetű mondattól kezdődő szövegrész kerüljön új bekezdésbe.

3. Állíts be hiperhivatkozást az „eszközökről és szerelékekről” szövegrészre, amely mutasson az Eszközök című oldalra.
Állíts be hiperhivatkozást az „Addig is írjon nekünk” szövegrészre is, ez mutasson az informacio.html oldalra.

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

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

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

5. Tedd a „Holnap” valamint a „Holnapután” szövegű sorokat 2. szintű címsorrá.

6. A Vízhőmérséklet: sorokat mindkét helyen tedd félkövérré.

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

7. Nyisd meg az eszkozok.html fájlt.

A táblázatban található három képhez adj alternatív szöveget „horgászbot” szöveggel.

8. Adj táblázatcímet a táblázathoz, a cím szövege: „Minőségi horgászbotok kedvező áron!” legyen.

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

9. Nyisd meg az informacio.html fájlt.

A „Kategória” feliratú mező paramétereit módosítsd úgy, hogy a mező mindhárom értéke látszódjon.
Alapértelmezetten az „egyéb kérdés” érték legyen bejelölt állapotban.

10. Módosítsd az „Üzenet” melletti mezőt úgy, hogy egysoros helyett többsoros beviteli mező legyen. A mező sorainak száma 7, a soronkénti karakterszám pedig 50 legyen.

11. Módosíts a nyomógomb típusát submit típusúra, a gomb felirata „üzenet küldése” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A menu azonosítójú li elemekre a lista jelölője ne jelenjen meg.

13. A caption jelölők betű stílusa legyen félkövér, a betűköz pedig 0.4em méretű.

14. A td elemeknek adj alsó keretet, amely 1 pixel vastag, pontozott mintázatú és #666 színű.

15. A legend elemek betűmérete legyen az alap betűméret 1,2-szerese.

16. Állíts be háttérszínt a submit típusú nyomógombokra, a szín #ccf legyen.

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

Az elkészült weboldal: