Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... egymással kereszthivatkozásokban álló dokumentumok halmaza az interneten. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – FTP b. – HTTP c. – PDF d. – WWW

1/2. Milyen jelölőt szokás használni egy weboldalon sortöréshez?

a. – <ul> jelölőt b. – <br> jelölőt c. – <p> jelölőt d. – <hr> jelölőt

1/3. Milyen jelölőt szokás használni egy weboldalon képek beillesztéséhez?

a. – <picture src="..."> jelölőt b. – <image href="..."> jelölőt c. – <a href="..."> jelölőt d. – <img src="..."> jelölőt

1/4. Mit határoz meg a weboldalak táblázataiban a „colspan” jellemző?

a. – hány egymás alatti cella legyen összevonva egy cellává b. – a cellabélés nagyságát c. – hány egymás melletti cella legyen összevonva egy cellává d. – a cellák közti távolságot

1/5. Mire jó a weboldalak űrlapjaiban az „action” tulajdonságának megadása?

a. – Meghatározza, hogy az űrlap elküldését követően hová továbbítsa az adatokat. b. – Meghatározza, mely mezők kitöltése kötelező. c. – Megadja, mennyi idő áll rendelkezésre az űrlap kitöltéséhez. d. – Itt adható meg az űrlap stílusa.

1/6. Hogyan formázza át a weboldal kinézetét a következő CSS szabály? h1{color:green;}

a. – A dokumentum háttérszíne zöld színű. b. – Minden <h1> címsor háttérszíne zöld színű. c. – Az első sor betűszíne zöld színű. d. – Minden <h1> címsor betűszíne zöld színű.

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

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

Szúrj be a foresz azonosítójú tartományon belüli szöveg elejére a következő sort: „Kölcsönözzön tőlünk!”. Legyen ez a sor 1. szintű címsor.

3. Tedd új bekezdésbe az „Az árak minden esetben...” mondattól kezdődő szöveget.
A „Ha Ön már volt ügyfelünk...” mondat elé szúrj be egy sortörést.

4. Tedd félkövérré a „Látogasson el hozzánk személyesen” szövegrészt.
Az „Itt találhat meg minket” szövegrészt alakítsd dőltté.

5. Állíts be hiperhivatkozást a „Nézze meg autóinkat” szövegrészre, amely mutasson az Autók című oldalra.
Állíts be hiperhivatkozást a „kölcsönözze ki” szövegrészre is, ez mutasson a kolcsonzes.html oldalra.

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

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

Egészítsd ki a fájlt a hiányzó html nyitó és záró jelölőivel.
Rendeld a fájlhoz a styles.css stíluslapot.

7. Adj alternatív szöveget mindkét partner_kep osztályú elemen belüli képnek „reklám” szöveggel.

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

8. Nyisd meg az autok.html fájlt.

Az „A kategóriájú autók” táblázatának sorait rendezd át úgy, hogy az autó teljesítménye szerint csökkenő sorrendben legyenek.

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

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

A „Milyen kategóriájú autót szeretne kölcsönözni?” kérdéshez tartozó rádiógombok feliratait alakítsd címke (label) típusúvá.

10. „A Milyen típusú autót szeretne kölcsönözni?” kérdéshez tartozó legördülő választóba vegye fel a Maserati-t, mint választható értéket.
Módosítsd a legördülő beállítását úgy, hogy alapértelmezetten a Rolls-Royce érték legyen bejelölt állapotban.

11. Módosítsd az űrlap alján található nyomógomb paramétereit a következőképpen: a név tulajdonság értéke gomb legyen, a gomb felirata pedig „űrlap elküldése”.

Mentsd el és zárd be a kolcsonzes.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ú elemen belüli hivatkozás jelölő elemek hover állapotára a betűszínhez rendelj #00f értéket.

13. Adj a table elemeknek 2 pixel vastag, folytonos vonalú és #99f színű keretet.

14. Módosítsd a td elemekre vonatkozó szabályt: a háttér színe: #ccf és a bennük lévő szöveg felülre rendezett legyen.

15. Módosítsd a legend elemekre vonatkozó szabályt: a betű mérete az alap betűméret 1,2-szerese legyen és a betű stílusa félkövér.

16. Állítsd be a fieldset elemek margóját úgy, hogy egységesen az elem minden oldalán 10 pixel méretű legyen

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

Az elkészült weboldal: