Font size
WorksheetsHTML kódolás
Total questions: 25
Worksheet time: 15mins
Melyik állítás igaz?
Ha nincs több utasítás, akkor a <BODY>-t kötelező lezárnunk </BODY>-val.
A <!DOCTYPE html> tag-nek nincs zárópárja.
A </BODY> után a </HTML>-el lezárjuk az egész dokumentumot.
Nem helyezhetjük a <BODY>-t a <HEAD> elé.
Csak a </HEAD> után írhatunk <BODY> tag-et.
Melyik állítások igazak?
A <title>valami</title> sorból olvassa ki a böngésző címsorában megjelenő címet.
A <title>valami</title> parancs helye a <head> és </head> tag-ek között van.
A <h1>akármi</h1> sor a legnagyobb címsor, azaz a weboldalon ez lesz a legnagyobb szöveg
A <p>szöveg, kép, felsorolás</p> sor a bekezdést jelöli.
A </p>: Ez a bekezdés zárópárja.
Kérlek írd ide a teljes neved és az osztályod!
Kérlek írd ide az iskolád TELJES nevét!
például: Mohácsi Kisfaludy Károly Gimnázium
Melyik állítások igazak?
A <body> sorból olvassa ki a böngésző a háttér színét és a betűszíneket.
A <bgcolor="..."> idézőjelek közé a háttér színét lehet megadni.
A <bgcolor="..."> idézőjelek közé a háttér színét kóddal vagy a nevével lehet megadni.
A <text="..."> idézőjelek közé a szöveg színét lehet megadni.
A <bgcolor="..."> idézőjelek közé a szöveg színét kóddal vagy a nevével lehet megadni.
Melyik állítások igazak?
A 10. sorból olvassa ki a böngésző a háttér színét és a betűszíneket.
A <bgcolor="..."> idézőjelek közé a háttérképet lehet megadni.
A háttérkép lehet egy helyi gépen levő fájl vagy URL link.
A háttérkép elérési útvonala lehet relatív vagy abszolút.
A <bgcolor="..."> idézőjelek közé a háttérképet lehet megadni.
Melyik állítások igazak?
A 11. sorból olvassa ki a böngésző a háttér színét és a betűszíneket.
A <a "..."> idézőjelek </a> közé a háttérképet lehet megadni.
A 12.sorban egy URL link található.
A 13.sor egy kép elérési útvonala.
A 12.sor idézőjelek közé a háttérképet lehet megadni.
Melyik állítások igazak?
A 14. sorban egyes színtű címsor van középre igazítva.
Az <i> ... </i> közé a háttérképet lehet megadni.
A 17.sorban egy vízszintes vonal található, középre igazítva.
A 18.sor egy vastag betűs szöveg.
A 28.sorba tévedésből lett megadva a </ul> tag.
A HTML bekezdések szövegének tartalmát akár rendezhetjük is.
Válaszd ki a helyes kódrészletet!
align="left"
align="center"
align="rigth"
align="justify"
valign="center"
A valign parancs az adott táblázatelem vertical-align tulajdonságát beállítani a kívánt értékre.
Lehetséges értékei:
top: a cella tartalma a cella tetejéhez van zárva.
middle: a cella tartalma függőlegesen a cella közepéhez van igazítva. Ez az alapértelmezett értéke a paraméternek.
bottom: a cella tartalma a cella aljához van zárva.
baseline: egy adott sorban minden olyan cella tartalma, ahol be van beállítva, ezen cellák tartalmának első sora egy magasságban kezdődik.
center: a cella tartalma függőlegesen a cella közepéhez van igazítva. Ez az alapértelmezett értéke a paraméternek.
Mit jelentenek az alábbi kódok?
Válaszd ki a helyes értelmezést!
Definíciós lista található a 12-23. sorokban.
A 11.sorban címsor van beállítva.
A 14. sorban aláhúzott szöveg az ECL nyevvizsgát rész.
A 20.sorban dőlt betűs a német állam által szövegrész.
A 13.sorban dőlt betűs az angol szó.
Mit jelentenek az alábbi kódok?
Válaszd ki a helyes értelmezést!
A DT elem a definiálandó fogalom megadására szolgál. Csak a definíciós listát megadó DL elemen belül használható.
A definíció szövegét a DD elemben lehet megadni.
A DT elem használata esetén nyitótagja kötelező, zárótagja elhagyható.
A definíciós lista felhasználási lehetősége, ha párbeszédet szeretnénk úgy beírni, hogy látszódjon, hogy ki mit mond.
A DT elem használata esetén nyitótagja és zárótagja is kötelező elem.
Hivatkozások
Válaszd ki a helyes állításokat!
Hivatkozni lehet a következőkra: másik weboldal, kép, hang, mozgókép, valamely más jellegű dokumentum, vagy akár program is.
Célpontként szolgálhat még egy weboldal egy belső pontja is. Ehhez az kell, hogy az adott objektum rendelkezzen egy egyedi azonosítóval a dokumentumon belül.
Hivatkozásokat az A elemmel lehet létrehozni. Ehhez szükséges az elem href paramétere.
A target paraméterrel lehet megadni, hogy milyen nevű ablakba vagy keretbe kerüljön betöltésre a dokumentum, amelyre hivatkozunk.
Hivatkozások
Válaszd ki a helyes állításokat!
A MAP elemen belül annak az adott képtérképnek a nevét adja meg, amelyre azután az IMG vagy az OBJECT elemen belül lehet hivatkozni, összekapcsolva ezzel a képet, az azt felosztó térképpel.
<A name="ures-ugropont"></a>
...
<A href="#ures-ugropont">Hivatkozás az üres ugrópontra</A>
a:link a:visited a:hover
A stíluslap megadására példa, ahol a main.css nevű állomány tartalmát használjuk stíluslapként:<LINK rel="stylesheet" type="text/css" href="main.css">
Hivatkozások példa:
<map name="map"><area shape="poly" title=" Klarinét " coords="79,140,14,275,32,286,83,144,80,139" alt=" Klarinét " href="#klarinet">
... </map>
<a href="#klarinet">Klarinét</a> parancs közé melyik sor hiányzik?
Válaszd ki a helyes állítást!
<img style="width: 718px; height: 313px;" alt="" src="zenekar.jpg" usemap="#map" align="right" border="1">
<A name="ures-ugropont"></a>
...
<A href="#ures-ugropont">Hivatkozás az üres ugrópontra</A>
<img style="width: 718px; height: 313px;" alt="" src="zenekar.jpg" align="right" border="1">
<img style="width: 718px; height: 313px;" alt="" src="zenekar.jpg" usemap="map" align="right" border="1">
Képek beillesztéséről
Válaszd ki az igaz állításokat!
Egy fényképet illesztünk be a dokumentumba, amely fénykép a family.png nevű állományban található.
Az alt paraméter értéke akkor jelenik meg, ha a böngésző a képet valamilyen okból nem tudja megjeleníteni.
A kép megjelenítésénél a kép méretét többféleképpen lehet meghatározni; a böngészőre hagyjuk vagy a width és a height paraméterekkel megadunk egy konkrét méretet.
A kép címét/helyét az src paraméter értékeként kell megadni.
Kép vagy objektum margóiról
Válaszd ki az igaz állításokat!
A margin tulajdonsággal egyszerre lehet megadni az elemhez tartozó mind a négy margót.
H1 { margin-top: 2em} kód esetén a legnagyobb címsor fölötti margó 2 em méretű lesz.
Az inherit érték segítségével örökli a szülő elemtől az értéket az elem.
A margin parancshoz auto: a böngészőre bízza, hogy a rendelkezésre álló hely alapján a margó méretét meghatározza.
Padding jelentése és használata
Válaszd ki az igaz állításokat!
A padding tulajdonságok segítségével a doboz/objektum/cella belső margójának szélességét lehet meghatározni.
A külső margóval ellentétben a belső margó szélessége nem vehet fel negatív értéket.
A padding után egy érték esetén mind a négy oldalra érvényes.
A padding után két érték esetén az első a felső és alsó értéket, a második a jobb- és baloldalit jelenti.
Az em mértékegység az elem betűméretéhez relatív méretet jelent: 1em a betűmérettel egyezik meg.
Táblázatok
Válaszd ki az igaz állításokat!
A táblázat celláiba akár képek, űrlapok elemei és további táblázatok is kerülhetnek.
Minden táblázathoz hozzá lehet rendelni egy címet is, amely röviden ismertetheti a táblázat tartalmát.
A táblázat létrehozása egy TABLE elemmel történik. Nyitótagja és zárótagja is kötelező.
Tartalmazhatja a CAPTION, COL, COLGROUP, THEAD, TFOOT és TBODY elemeket.
Lehetséges paraméterei pl.: width, border, cellspacing, cellpadding.
Táblázatok még
Válaszd ki az igaz állításokat!
A WIDTH paraméter: amennyiben értéke százalékosan van megadva, a dokumentum megjelenítésére használt ablak teljes szélességéhez relatív az érték.
A cellspacing paraméter meghatározza, hogy mekkor üres hely maradjon a táblázat bal széle és a legbaloldali oszlop baloldala között.
A cellspacing paraméter értéke lehet pixelben megadott távolság, százalékos érték, vagy relatív távolságmegadás.
A cellpadding paraméter meghatározza, hogy mekkora legyen az üres hely a cella kerete és tartalma között.
A CAPTION elem
Válaszd ki az igaz állításokat!
Nyitótagja és zárótagja is kötelező.
A CAPTION elem szerepeltetése esetén egy címet ad a táblázathoz, esetünkben "Katalógus - június".
Táblázatoknál az alapértelmezett éppen a fölső megjelenés.
A CAPTION parancs megelőzi a táblázat fejlécét és a táblázat szövegtörzsét is.
A TH és a TD elemek
Válaszd ki az igaz állításokat!
Nyitótagja kötelező, zárótagja elhagyható a TH és a TD elemeknek.
Táblázatok cellái kétféle információt tartalmazhatnak: fejlécet és adatot; fejléchez a TH (table header cell), adathoz a TD (table data cell).
A példában 3 fejléc elemünk van.
A TH elem tartalma alapértelmezésként középre igazítva, félkövér betűkkel jelenik meg.
A TD elem tartalma alapértelmezésként normál betűkkel, balra igazítva jelenik meg.
A weboldalak táblázataiban hogyan tudunk szomszédos cellákat összevonni?
a táblázat "cellpadding" és "cellspacing" jellemzőinek használatával
a cellák "colspan" és "rowspan" jellemzőinek használatával
a cellák "merge" jellemzőjének használatával
<colgroup> jelölő használatával
Mire jó a weboldalak űrlapjaiban az „action” tulajdonságának megadása?
Meghatározza, hogy az űrlap elküldését követően hová továbbítsa az adatokat.
Meghatározza, mely mezők kitöltése kötelező.
Megadja, mennyi idő áll rendelkezésre az űrlap kitöltéséhez.
Itt adható meg az űrlap stílusa.
Hogyan formázza át a weboldal kinézetét a következő CSS szabály? p{font-size:18px; }
A dokumentum teljes szövegének betűmérete 18 pixel.
Az első bekezdés betűmérete 18 pixel, a többi az eredeti betűméret marad.
Minden <p> bekezdés betűmérete 18 pixel.
Minden <p> bekezdés betűmérete 18%-kal nagyobb az eredeti méreténél.
