Webszerkesztés
Visual Studio Code

---

1/1. 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/2. Mit jelent a „web hosting” kifejezés?

a. – bejegyzés elküldése internetes naplóba b. – webtárhely szolgáltatása, üzemeltetése c. – adatok letöltése a webszerverről d. – adatok keresése az interneten

1/3. Milyen jelölőt szokás használni egy weboldalon hiperhivatkozás létrehozásához?

a. – <p href="..."> jelölőt b. – <a href="..."> jelölőt c. – <a id="..."> jelölőt d. – <a name="..."> jelölőt

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

a. – a táblázat egy-egy oszlopát határozza meg b. – a táblázat fejlécének celláit határozza meg c. – a táblázat egy-egy sorát határozza meg d. – a táblázat címét határozza meg

1/5. Az alábbiak közül melyik határoz meg egyszerű (egysoros) szöveges beviteli mezőt?

a. – <text name="város" value=""> b. – <select type="text" name="város" value=""> c. – <option type="text" name="város" value=""> d. – <input type="text" name="város" value="">

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.txt fájlt.

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

3. Tedd 1. szintű címsorrá az „Üdvözöljük a Patina Antikvárium weboldalán!” sort.
Az „Üzletünkben a következő...” sort pedig alakítsd 2. szintű címsorrá.

4. A „Jelenleg mintegy...” mondattól a szöveg kerüljön új bekezdésbe.
A „Reméljük, sikerül...” mondat elé szúrj be egy sortörést.

5. Állíts be hiperhivatkozást a „bővítjük választékunkat” szövegrészre, amely mutasson a Katalógus című oldalra.
Állíts be hiperhivatkozást a „szeretettel várunk” szövegrészre is, ez mutasson az adokveszek.html oldalra.

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

6. Nyisd meg az adokveszek.html fájlt.

Alakítsd számozatlan felsorolás stílusúvá az „Adok” alatti sorokat, számozott felsorolássá a „Veszek” alatti sorokat.

7. Szúrd be a konyv.gif képet a konyv2 osztályú elemen belülre. A kép megjelenési szélességét állítsd 150 pixelre.

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

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

Az itt található táblázatnak adj táblázatcímet (caption) „Katalógus - június” szöveggel.

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

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

Az űrlap rádiógombjaihoz tartozó szövegeket tedd címke (label) típusúvá.

10. Az „Üzenet” felirathoz tartozó mezőt módosítsd többsoros beviteli mezővé, a sorok száma 8, a soron belüli karakterszám 40 legyen.

11. A küldés nyomógomb mellé vegyél fel egy másik nyomógombot, amely reset típusú, felirata pedig „törlés” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A tartalom azonosítójú elemen belüli h1 elemekre alkalmazz az alap betűmérethez képest 1,5-szörös betűméretet, valamint középre történő szövegigazítást.

13. A td elemek számára határozz meg 8 pixeles felső és alsó, valamint 3 pixeles bal- és jobboldali bélés (padding) értéket.

14. A pros osztályú elemeken belüli td elemekre határozz meg #ffc háttérszínt.

15. A legend elemek betűstílusát állítsd félkövérre.

16. A submit típusú input elemekhez rendelj #fcc háttérszín értéket.

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

Az elkészült weboldal: