Webszerkesztés
Visual Studio Code

---

1/1. A(z) ...... egy ugrópont, amely a dokumentumok elemeit, objektumait köti össze. Válaszd ki, melyik a mondat helyes kiegészítése!

a. – hiperhivatkozás b. – szuperhivatkozás c. – URL d. – jump point

1/2. A(z) ...... egy weboldal kezdő pontja, amelyről elérhetők az oldal főbb részei. Melyik a mondat helyes kiegészítése?

a. – WWW b. – domain c. – ügyfélkapu d. – honlap

1/3. Milyen jelölőt szokás használni egy weboldalon könyvjelző (horgony) létrehozásához?

a. – <a href="..."> jelölőt b. – <h href="..."> jelölőt c. – <h1>, <h2>,..., <h6> jelölők valamelyikét d. – <a id="..."> jelölőt

1/4. A weboldalak táblázataiban hogyan tudunk szomszédos cellákat összevonni?

a. – a táblázat "cellpadding" és "cellspacing" jellemzőinek használatával b. – a cellák "colspan" és "rowspan" jellemzőinek használatával c. – a cellák "merge" jellemzőjének használatával d. – <colgroup> jelölő használatával

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. Mit módosíthatunk a hiperhivatkozások „visited” állapotának módosításával?

a. – A hivatkozás azon tulajdonságait, amikor az egérmutatót a link fölé visszük. b. – A hivatkozás azon tulajdonságait, amikor éppen rákattintunk. c. – A még meg nem látogatott hivatkozások tulajdonságait. d. – A már korábban meglátogatott hivatkozások tulajdonságait.

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

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

Módosítsd a „Rendelési rend változás”, valamint a „Rendelési idő” sorainak típusát 2. szintű címsorrá.

3. A „Július 26-tól augusztus 5-ig” szövegrészt alakítsd félkövérré.
A „24 órás sürgősségi” szövegrészt pedig tedd dőltté.

4. Vond össze az Előjegyzéses kontroll tartalmú cellát a mellette lévő üres cellával. Tedd ugyanezt az Előjegyzéses ultrahang tartalmú cellával is.

5. Töröld a Felnőtt betegek szombati napra vonatkozó sorát.
Szúrj be egy sort az Előjegyzéses kontroll pénteki napja alá, a cellák tartalma szombat és 8-13 óra között legyenek.

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

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

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

7. Állíts be hiperhivatkozást a „címünkre” szóra, amely mutasson a hirlevel@medim.hu?subject=feliratkozás címre
Állíts be hiperhivatkozást az „ugyanígy teheti” szövegrészre, ez mutasson a
hirlevel@medim.hu?subject=leiratkozás email címre.

8. Javítsd a h1 címsorba illesztett képfájl nevét. A kép megjelenési szélessége 150 pixel legyen.

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

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

A következő napokon a rendelés szünetel sor alatti felsorolást alakítsd definíciós listává.

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

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

11. A form jelölőn belüli részt tedd mezőcsoportba (fieldset).
Adj magyarázó feliratot (legend) az űrlaphoz a következő szöveggel: „Töltse ki az alábbi űrlapot!”

12. Az űrlap alján lévő nyomógomb mellé vegyél fel egy reset típusú nyomógombot, a gomb felirata „adatok törlése” legyen.

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

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

Módosítsd a CSS szabályokat az alábbiak szerint:
A body elemre a betűtípus család Arial, sans serif legyen, a betűméret 16 pixel.

14. A th elemeknek határozz meg 1em méretű bélést (padding), a td elemeknek pedig 0.5em méretű bélést.

15. A table, th és td elemeknek legyen 1 pixel vastag, folytonos vonalú és #666 színű kerete.

16. A submit és reset típusú input elemek szélessége legyen 120 pixel, a háttérszínük pedig #ccc.

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

Az elkészült weboldal: