Font size
WorksheetsHTML - CSS - JS
Total questions: 150
Worksheet time: 1hrs 15mins
Szöveges beviteli mező megadásának módja: <input type=" (a) ">
Nyomógomb esetén az input HTML elem type tulajdonságának milyen értéket kell adnunk?
text
number
button
range
Egy beviteli mezőbe írt értékre melyik tulajdonság utal?
input
innerHTML
value
title
Milyen kulcsszót használtunk a függvény jelölésére?
def
function
main
subrutin
A felugró üzenőablakot melyik függvény használatával értük el?
script('Helló!')
style('Helló!')
alert('Helló!')
value('Helló!')
Mi az a tulajdonság, amitől csak olvashatóvá válik a beviteli mezőm?
enabled
readonly
read
writeonly
Hogyan adtuk meg, hogy "nem engedélyezett" a beviteli mezőnk?
enabled
disabled
type
class
Milyen kiterjesztésű állományban szerepelhet javascript kód? (a)
A js állomány hozzárendelése a HTML állományunkhoz: <script (a) ="script.js"></script>
Melyik tulajdonsággal(attribútummal) adtam egyedi azonosítót? (a)
Hogyan tudok a CSS állományban hivatkozni a "valasz" egyedi azonosítójú bekezdésre? (a)
Nem beviteli mező esetén milyen tulajdonsággal tudom elérni a HTML elemek tartalmát?
value
type
title
innerHTML
Melyik HTML elem segítségével illesztesz be egy képet a weboldalra?
p
img
h1
figure
Mely HTML attribútumokat kötelező megadnod a kép beillesztése során?
src
href
alt
title
Egy képet szeretnénk bekeretezni egy 2 pixel vastag, kék színű folytonos szegéllyel. Melyik CSS tulajdonság-értékpárral tudod elkészíteni?
border: 2px double blue;
border-left: 2px solid blue;
border: 2px solid rgb(0,0,255);
border: 2px dashed rgb(0,0,255);
Melyik CSS tulajdonsággal tudod beállítani a kép és a szöveg közti távolságot?
padding
margin
width
border
A kép beillesztése során mit adhatsz meg az alt HTML attribútum segítségével?
helyettesítő, alternatív szöveget
súgó, buborék szöveget
a kép elérési útvonalát
a kép méretét
A kép beillesztése során mit adhatsz meg az src HTML attribútum segítségével?
helyettesítő, alternatív szöveget
súgó, buborék szöveget
a kép elérési útvonalát
a kép méretét
Melyik HTML attribútum segítségével adhatod meg a kép magyarázó, buborék szövegét?
(a)
Melyik a helyes HTML hivatkozás egy külső stíluslapra?
<stylesheet>stilus.css</stylesheet>
<link rel=”stylesheet” type=”text/css” href=”stilus.css”/>
<style src=”stilus.css”/>
Mi a stíluslap kiterjesztése?
(a)
A HTML dokumentum melyik részében kell elhelyezni a külső stíluslapra való hivatkozást?
A HTML dokumentum végén
A fejrészben
A törzsben
Melyik a helyes CSS szintaxis?
body:color=black;
{body;color:black;}
body{color=black;}
body{color:black;}
Melyik css tulajdonság változtatja meg a háttérszínt?
color
bgcolor
background-color
Melyik css tulajdonság változtatja meg egy elem betű színét?
color
text-color
font-color
border-color
Melyik css tulajdonsággal lehet állítani a betű méretét?
font-size
font-style
text-size
text-style
Melyik a helyes css szintaxis arra, hogy minden bekezdés betűstílusát félkövérré alakítsa?
<p style=”text-size:bold;”>
p {text-size:bold;}
p {font-weight:bold;}
p {font-style:bold;}
Hogyan lehet megjeleníteni egy hivatkozást aláhúzás nélkül?
a {text-decoration:none}
a {text-decoration: underline;}
a {decoration:no-underline;}
a {underline:none}
Hogyan állítható be egy szöveg dőltté?
font-weight: italic;
font-style: italic;
font-style: bold;
font-weight: bold;
A főcím középre igazításának módja:
h1 {align: center}
h2 {align: center}
h1 {text-align: center}
h2 {text-align: center}
Mely css tulajdonsággal állítható be egy elem bal külső margója?
padding-left
margin-left
padding-right
margin-right
Hogyan tudunk egy demo egyedi azonosítójú HTML elemre css tulajdonságokat beállítani?
demo
#demo
.demo
*demo
Hogyan tudunk egy test osztályú HTML elemre css tulajdonságokat beállítani?
test
#test
.test
*test
h1 { font-size: 20px } Melyik ebben a megadásban a szelektor?
h1
{}
font-size
20px
h1 { font-size: 20px } Melyik ebben a megadásban a tulajdonság vagy jellemző?
h1
{}
font-size
20px
h1 { font-size: 20px } Melyik ebben a megadásban az érték?
h1
{}
font-size
20px
#t1 { color: blue} formázás esetén vajon melyik HTML elem szövege lesz kék színű?
<h1 class="t1">Főcím</h1>
<img src="cica.jpg" alt="t1">
<p id="t1">Bekezdés</p>
<h1>Főcím</h1>
.t1 { color: blue} formázás esetén vajon melyik HTML elem szövege lesz kék színű?
<h1 class="t1">Főcím</h1>
<img src="cica.jpg" alt="t1">
<p id="t1">Bekezdés</p>
<h1>Főcím</h1>
Egy adott HTML elemhez a HTML elemen belüli CSS formázásra jó példa:
<h1 color="white">
<h1 "color: #222">
<h1 style:"color=white">
<h1 style="color:white">
Hogyan lehet állítani a HTML-ben szereplő összes h1 címsor betűtípusát?
h1 {font-family:Arial;}
all.h1 {font-family:Arial;}
h1.all {font-family:Arial;}
Melyik css tulajdonság változtatja meg egy elem színét?
color
text-color
fgcolor
text
Hogyan lehet beállítani egy felsorolás jelét négyzetesre?
list-type:square;
list-style-type:square;
list:square;
Hogyan tudunk egy demo azonosítójú HTML elemre css tulajdonságokat beállítani?
demo
#demo
.demo
*demo
Hogyan jelölhetünk ki egy div tag-en belüli összes p elemet?
div p
div.p
div+p
Hogyan tudunk létrehozni csoportos kijelölést?
Minden szelektort szóközzel választunk el.
Minden szelektort + jellel választunk el.
Minden szelektort vesszővel választunk el.
Melyik CSS tulajdonság-érték párral állíthatod be, hogy a szöveg kiskapitális stílussal jelenjen meg?
font-variant: small-caps;
font-style: italic;
font-style: oblique;
font-weight: bold
Igaz vagy hamis a következő állítás?
A Google Fonts szolgáltatás révén minden platformon egységesek a használt betűtípusok.
Igaz
Hamis
Igaz vagy hamis a következő állítás?
A HTML-kódban az id paraméterrel lehet egyedi azonosítót megadni, és ehhez az elemhez készíthető a CSS-ben ID selector, amelynek neve # jellel kezdődik.
Igaz
Hamis
A mértékegységek közül melyik abszolút mértékegység?
px
rem
em
A font-weight tulajdonsággal szeretnénk beállítani, hogy a szöveg félkövér stílusú legyen. Mi lesz a CSS tulajdonság értéke?
(a)
Melyik CSS tulajdonsággal állíthatod be a betű méretét?
font-size
font-weight
font-style
color
Melyik CSS tulajdonsággal formázhatom meg a szöveget hogy dőlt stílusú legyen?
font-weight
font-style
font-variant
text-decoration
A text-transform CSS tulajdonsággal szeretném nagybetűssé alakítani az oldal címét. A CSS tulajdonsághoz tartozó értékek közül melyikkel állíthatom be?
lowercase
uppercase
capitalize
none
Melyik CSS tulajdonság-érték párral lehet beállítani, hogy ne legyen aláhúzva a hivatkozás?
text-decoration: none;
font-style: normal;
border: none;
border-bottom: none;
Melyik pseudo class-szal lehet beállítani, hogy a link ne piros színben jelenjen meg, amikor a felhasználó a linkre kattintás után lenyomva tartja az egér gombját?
a:hover
a:active
a:link
a:visited
Melyik paraméterek adhatók meg opcionálisan egy link létrehozásakor?
href
target
title
A hivatkozás melyik tulajdonságával állíthatod be, hogy a hivatkozott tartalom új böngésző fülön jelenjen meg?
(a)
Melyik az alapértelmezett link szín a böngészőkben?
kék
piros
lila
zöld
Melyik HTML elem segítségével tudunk beilleszteni egy képet a weboldalra? (csak az elem nevét írd be kérlek)
(a)
Melyik attribútum nem tartozik a kép (img) elemhez?
src
href
title
alt
Ha a kép elérési útvonala nem jó, vagy nem működik, melyik elemmel állíthatod be, hogy a képelem helyett egy alternatív szöveg jelenjen meg?
alt
title
width
height
Melyik beépített tulajdonsággal lehet meghatározni egy objektum tulajdonságának a karakterhosszát?
width
size
length
write
Milyen kulcsszót használjuk egy objektum példányának a létrehozásához?
var
make
inst
new
Mit ír ki?
var p = new person("David", 21);
p.changeName("John");
document.write(p.name);
David
John
p.name
new person
Mi az eredménye?
var myString = "abcdef";
document.write(myString.length);
4
5
6
7
Mit ír ki?
var course = {name: "JS", lessons: 41};
document.write(course.name.length);
2
4
41
JS
Az alábbiak közül melyik karaktert használjuk a függvény paraméterek elválasztására?
;
&
,
:
Mi az alábbi kód eredménye?
function myFunction(a, b) {return a * b;}
var x = myFunction(5, 6);
document.write(x);
5
6
30
11
Mi az alábbi kód eredménye?
function addNumbers(a, b) { var c = a+b; return c;}
document.write( addNumbers(40, 2) );
38
42
402
40
Hányszor fut le egy while ciklus, ha megfeletkezünk a számláló értékének a növeléséről?
Egyszer sem.
10 -szer
Végtelenszer
5-ször
Mi történik a 'break' hatására az alábbi ciklusban?
for (i = 0; i <= 10; i++) {
if (i == 5) {break;}document.write(i + "<br />"); }
kiírja a számokat 0-tól 4-ig vizszintesen
kiírja a számokat 0-tól 4-ig függőlegesen
kiírja a számokat 0-tól 9-ig vizszintesen
kiírja a számokat 0-tól 9-ig függőlegesen
Mi történik a 'continue' hatására az alábbi ciklusban?
for (i = 0; i <= 10; i++) {
if (i == 5) {continue; }document.write(i + "<br />");}
kiírja a számokat 0-tól 10-ig vizszintesen
kiírja a számokat 0-tól 10-ig függőlegesen
kiírja a számokat 0-tól 10-ig függőlegesen az 5-öst kihagyja
kiírja a számokat 0-tól 10-ig függőlegesen az 4-est kihagyja
Mi az erdménye az alábbi kódnak?
var x = 0;
while(x<6) {x++; }document.write(x);
0
5
6
4
Mi az alábbi kód eredménye?
var sum=0;
for(i=4; i<8; i++) {if (i == 6) {continue; }
sum += i; }document.write(sum);
8
16
9
22
Maximum hány alkalommal lehet egy függvényt egy weboldalon meghívni?
max 10 -szer
max 100 -szor
ahányszor szükséges
csak 1-szer
Mi jelenik meg az alábbi kód hatására az 'alert box'-ban?
function sayHello(name) {
alert("Hi, " + name); }sayHello("David");
Hi, name
sayHello David
sayHello name
Hi, David
A HTML case-insensitive. (kisbetű-nagybetűkre nem érzékeny)
Igaz
Hamis
A beillesztett képeket mindig mellékelnünk kell a HTML állomány mellé, mivel azok sosem épülnek be magába a html állományba.
Igaz
Hamis
A háttérkép mellett a szövegbe is ágyazhatunk képeket az <img> tag segítségével. Az „src”, tulajdonsággal adjuk meg a kép nevét és útvonalát. Ez időnként elhagyható.
Igaz
Hamis
Legfontosabb színek nevet kaptak.
Igaz
Hamis
Dokumentum törzs - <BODY> … </BODY>
Igaz
Hamis
A „bgcolor” paraméterrel tudjuk beállítani a hátterét a HTML oldalunknak. Itt adhatjuk meg a háttérkép elérését is, ha képet szeretnénk háttérnek.
Igaz
Hamis
A HTML minek a rövidítése?
Hyper Time Multiple Language
Hyper Text Mark-up Language
Hippo T-Rex Mascot Lemur
Hipper Text Make Language
Hogyan kell a "Hello" szót egyes szintű címsornak beállítani?
<h1>Hello</h1>
<h1>"Hello
{h1}Hello{/h1}
<h1>Hello<h1>
Hogy lesz helyes a google.com oldalra mutató link?
<a>
"https://google.com"
Click Me
</a>
<a>Click Me>
"https://google.com"
</a>
<a herf="https://google.com">
Click Me
</a>
<a href="https://google.com">
Click Me
</a>
Mi lesz az eredménye a <body bgcolor="piros"> tagnek?
Piros lesz a háttérszín.
Piros lesz a betűszín.
Hibaüzenet.
Valamilyen színű lesz a háttérszín.
Melyik helyes?
<b>Ez dőlt betűs lesz.</b>
<b>Ez félkövér lesz.<bb>
</b>Ez félkövér lesz.<b>
<b>Ez félkövér lesz.</>
Mi történik ha nem használjuk a <html>, <head>, <body> tageket?
Az oldalt nem tudja megjeleníteni a böngésző, üres lapot fogunk látni.
Az oldalt nem tudja megjeleníteni a böngésző, hibaüzenetet kapunk.
Semmi, az oldal pontosan úgy fog megjelenni, mintha használnánk.
Az oldal meg fog jelenni, mintha használnánk, de nem tudunk például címet adni, szöveg és háttérszínt beállítani.
Melyik szó milyen színű lesz az alábbi példában:
<body text="red">
<p align="center"><font color="white" size="+2"> A
<a href="http://www.kodaly-pecs.sulinet.hu/weboldal"> Kodályba </a>
</font>járok.</p>
A=fehér, Kodályba=piros, járok=zöld
A=piros, Kodályba=piros, járok=fehér
A=fehér, Kodályba=kék, járok=piros
A=fehér, Kodályba=fehér, járok=piros
Félkövér karaktereket jelölő teg?
<y>
<u>
<i>
<b>
Dőlt karakterek jelölő teg?
<y>
<u>
<i>
<b>
Aláhúzott karakterek jelölő teg?
<y>
<u>
<i>
<b>
Mi a weblapkészítés nyelve?
HTML
HMTL
HTLM
HTTM
Az oldal forrását úgy nevezzük, hogy címkék, melynek az angol neve?
cimk
label
tag
vignette
A legtöbb címke elem, hogyan épül fel?
nyitó tagből
nyitó és lezáró tagből
lezáró tagből
nincsenek nyitó/záró tagek
A <html> tag jelzi?
a weboldalad tartalmát
a lapodnak a böngésző címsorában megjelenő címét
hogy hol végződik a HTML dokumentum
hogy hol kezdődik a HTML dokumentum
A <head> tag jelzi?
a lapodnak a böngésző címsorában megjelenő címét
hogy hol végződik a HTML dokumentum
a weboldalad tartalmát
hogy hol kezdődik a HTML dokumentum
"bgcolor" mit változtat?
nem látogatott hiperhivatkozások színét határozza meg
a megjelenítendő képek színét
az oldalon található betűk színét
oldal háttérszínét
A </body> tag jelzi?
a lapodnak a böngésző címsorában megjelenő címét
a weboldalad tartalmát itt zárom
hogy hol végződik a HTML dokumentum
a weboldalad tartalmát itt kezdem
A fejléc elemmel cím sorokat határozhatunk meg. Mi ennek a jele?
<h1> és <h1>
<hl> és </hl>
<h1> és </h1>
<k1> és </k1>
<title> és a </title> közé mit írunk?
az oldal tetején megjelenő címét
a böngésző címsorában megjelenő címet
felsorolás szövegét
az oldal tartalmát
A progamozói környezet nem kezeli az entereket, a kód tetszőlegesen tördelhető.
Igaz.
Hamis.
Mikből épül fel egy HTML fájl?
(a)
Minden nyitó-tagnek van egy záró-tag párja is.
Igaz.
Hamis.
Hogyan zárunk le egy taget HTML-ben?
<\...>
</...>
<...>
{...}
Mire való a HTML <head>...</head> része?
Ide jön minden, amit meg akarunk jeleníteni a weboldalon.
Ide jön minden, ami az élőfejbe és élőlábba tartozik.
Ide jön minden, ami a weboldalon címként jelenik meg.
Ide jön minden, ami szükséges a működéshez, de nem jelenítjük meg magán a weboldalon.
Hova kerül a <title>...</title> tag?
A head-be.
A body-ba.
A html-en belülre, azon belül mindegy.
A head és a body alá.
Mi az az attribútum a HTML-ben?
név="érték" formában megadott további információ.
A programozói környezet hivatalos elnevezése.
Plusz információ, ami az adott tagre és a tagen belüli további tagekre vonatkozik.
A kép formátuma, pl. jpg, png, webp
A <html>, a <head> és a <body> tageknek is lehet attribútumokat adni.
Igaz.
Hamis.
Hova fogom írni a kép forrását, amit a weboldal megjelenít?
Az <img> tag mögé
Az <img> tagen belülre
Az <img> nyitó és záró tag közé
A záró </img> tagen belülre
Milyen és hány eleme van a listának?
<ol>
<li>...</li>
<li>...</li>
</ol>
Két számozott.
Két bulletpointos.
Négy számozott.
Négy bulletpointos.
Mi az eredménye az alábbi kódnak?
var x = 0;
while(x<6)
{x++; }
document.write(x);
0
6
4
5
Melyik két szó hiányozhat a kipontozott részekről?
............. hello()
{
alert("Hi there");
}
...........();
hello, hello
function, hello
hello, function
function, function
A string hosszát a (a) metódussal kérhetjük le.
Mi az alábbi kód eredménye?
var i=0;
while (i<=10)
{
document.write(i + "<br />");
i++;
}
számok egy sorban 0-tól 10-ig
számok egy sorban 1-től 10-ig
számok egy oszlopban 0-tól 10-ig
számok egy oszlopban 1-től 10-ig
Hányszor fut le egy while ciklus, ha megfeledkezünk a számláló értékének a növeléséről?
Egyszer sem
10-szer
100-szor
Végtelenszer
Ismételjen 10-szer valamit:
repeat 10
for (var i=0; i<10; i++)
for (var i=0; i<10)
while (i = 10)
Ezek közül melyik növeli az x változó értékét?
increment (x)
x++;
x=x+;
x+1;
Ezek közül melyik csökkenti az x változó értékét?
x--;
x-1;
x=x-;
x=-x;
A programozási nyelvekben a __________ az adatok tárolására szolgál.
címke
kód
fájl
változó
A html fájlban mely páros címkék között adhatjuk meg a Javascript kódot?
<js>
<script>
<scripting>
<javascript>
JavaScript a _______ kulcsszót használja változók deklarálására.
vrb
var
int
variable
A külső JavaScript fájlban kötelezően szerepelni kell a <script> címkének.
true
false
A függvényen belül definiált változók elérhetők a függvényen kívül is?
True
False
Ha a javascript kódot a HTML fájlban írjuk meg, akkor a mentése:
.html
.css
.js
egyik sem a megadottak közül
Javascript alkalmas:
HTML fájl módosítására
A felhasználói bemenetek ellenőrizésére
A weboldalak dinamikussá tételére
A fentiek mindegyike
Melyik helyes változó deklarálás?
var newVariable = 5
Variable int = new Variable()
var 5 = myVariable
int var = 5
Milyen üzenet jelenik meg a felhasználónak?
"Hello user"
No message
"Goodbye user"
"message + user"
Melyik NEM logikai operátor?
||
&&
$$
!
Adott a szöveg: "napoleon@waterloo.com"
Mi lesz @ jel helye az indexOf() metódussal?
7
8
9
-1
Hol helyezhetjük el a JS kódot?
csak a body-ban
csak a head-ben
a body-ban és head-ben egyaránt
csak külső fájlban
Mivel íratunk ki információt a képernyőre JS-ben?
document.write();
Console.WriteLine();
console.logout();
write();
A Math.floor(18.48) milyen értéket ad vissza?
0-t
A kapott paraméter első számjegyét
A kapott paraméter egészrészét
A kapott paraméter törtrészét
Hogyan írunk egysoros megjegyzést a JS kódban?
//
$
<!-- .... -->
/* ... */
Milyen értéket tud generálni a Math.random(); függvény?
0 és 1 közötti valós számot
0 és 1 közötti egész számot
0 és 100 közötti egész számot
az int tartományban bármilyen egész számot
Melyik string metódussal lehet részekre darabolni?
split();
replace();
indexOf();
substr();
Melyik helyes tömbmegadás?
var tomb = new Array();
var tomb = var[] Array;
var tomb = Array();
var tomb = new Array[];
Melyik a helyes, ha egy html5 dokumentumot szeretnénk létrehozni?
<html>
</html>
!DOCTYPE html
<!DOCTPYE html>
<!DOCTYPE html>
A sortörés <br> tag-nek mi a záró párja?
</br>
Nincs neki
</head>
</body>
Töltsd ki a hiányzó részt!
Azt szeretnénk, hogy a magyar ábécé ékezetes karakterei is helyesen jelenjenek meg.
<meta charset=...>
(a)
Melyik a helyes?
<p id="azonosító">
<p id='azonosító'>
<p "id"="azonosító">
<p id=azonosító>
Add meg a hiányzó attribútumot!
<img src="kep.jpg" ...="kep" title="kep">
(a)
Melyik tag-el tudunk táblázatot kialakítani?
<ul>
<ol>
<table>
<img>
Igaz-e, hogy egy id selectort (azonosító kijelölőt) csak 1 helyen használhatjuk egyszerre?
Igaz
Hamis
Igaz-e, hogy egy class selectort (osztály kijelölőt) több helyen is felhasználhatunk?
Igaz
Hamis
Melyik a helyes html5 felépítés?
<!DOCTYPE hmtl>
<html>
<head>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
</body>
<head>
</head>
</html>
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
<html>
<head>
</head>
<body>
</body>
</html>
Töltsd ki a hiányzó részt! Egy külső css fájlra szeretnénk hivatkozást létrehozni!
<... rel="stylesheet" href="styles.css">
(a)
Melyik az univerzális selector?
body{
}
* {
}
head {
}
html {
}
Mit csinál az alábbi css beállítás?
body {
background-color: lightblue;
}
Beállítja a kép háttérszínét
Beállítja a weboldal hátterét pirosra.
Sorkizárt igazítást alkalmaz egy bekezdésre
Beállítja a weboldal hátterét világos kékre
Igaz-e?
CSS stílusbeállításokat csak külső css fájlban lehet megadni?
Hamis
Igaz
