Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Webprog 11.

Total questions: 22

Worksheet time: 11mins

Name
Class
Date
1.

Milyen nyelv a HTML?

a)

A HTML egy adatbázis-kezelő nyelv.

b)

A HTML a weboldalak nyelve.

c)

A HTML robotprogramozási nyelv.

d)

A HTML weboldalak szerkezetének leírására szolgáló jelölőnyelv.

2.

Ezek közül melyek HTML elemek?

a)

<color>

b)

<span>

c)

<body>

d)

<javascript>

3.

Hogyan definiálunk egy hivatkozást HTML-ben?

a)

<a href="wikipedia.org"> Forrás </a>

b)

<p href="wikipedia.org">Forrás</p>

c)

<link url="wikipedia.org">Forrás</link>

d)

<a link="wikipedia.org">Forrás</a>

4.

Mi a különbség a <div> és a <span> között?

a)

Mindkettő blokkszintű elem.

b)

A <div> blokkszintű, a <span> pedig inline elem.

c)

A <div> inline, a <span> pedig blokkszintű elem.

d)

Nincs különbség köztük.

5.

Hogyan lehet képet beilleszteni HTML-be?

a)

Nem lehet, csak CSS fájl segítségével.

b)

<image src="./images/kep.png" alt="Ez egy kép." />

c)

<img source="kep.png" alt="Ez egy kép.">

d)

<img src="./images/kep.png" alt="Ez egy kép." />

6.

Mik a CSS alapvető szintaxisai?

a)

szelektor, stíluslap, elem

b)

szabály, blokk, stílus

c)

szelektor, attribútum, érték

d)

szelektor, deklarációs blokk, deklaráció.

7.

Hogyan lehet szelektorokat csoportosítani?

a)

h2, p

b)

:and(h2, p)

c)

:group(p, h2)

d)

:or(h2, p)

8.

A CSS osztálykijelölője szimbóluma:

a)
.
b)

#

c)

&

d)

:

9.

A CSS azonosítókijelölő szimbóluma:

a)
#
b)

.

c)

@

d)

--

10.

Hogyan érem el, hogy egy elem kizárólag blokkszintű legyen?

a)

position: block;

b)

display: block;

11.

Ha van egy "title-card" osztályú kártya elemem, és azon belül szeretném az összes bekezdést kiválasztani, hogyan tudom ezt megtenni CSS-ben?

a)

#title-card#p {

//

}

b)

title-card p {

//

}

c)

.title-card p {

//

}

d)

.title-card .p {

//

}

12.

A "card" osztályú tárolóelemekben szeretném, hogy minden elem középre legyen igazítva, hogyan tudom ezt elérni?

a)

.card {

margin: 0;

}

b)

.card {

text-align: center;

}

c)

.card {

margin-inline: 0;

}

d)

.card {

margin-inline: auto;

}

13.

Melyik tulajdonság növeli a szegély és tartalom közötti belső margót?

a)

margin

b)

padding

c)

size

d)

border

14.

Hogyan állíthatunk be háttérszínt CSS-ben?

a)

background-color

b)

background

c)

bg-color

d)

color

15.

Hogyan tudok egy CSS változót létrehozni, amiben a háttérszínt mentem el?

a)

.root {

main-bg-color: yellow;

}

b)

:root {

let bg_color = "yellow";

}

c)

:root {

--main-bg-color: yellow;

}

d)

body{

background-color: yellow;

}

16.

Hogyan lehet a betűtípust megváltoztatni CSS-ben?

a)

A 'font-family' CSS tulajdonság használatával lehet megváltoztatni a betűtípust.

b)

A 'color' CSS tulajdonság használatával lehet megváltoztatni a betűtípust.

c)

A 'font-size' CSS tulajdonság használatával lehet megváltoztatni a betűtípust.

d)

A 'text-style' CSS tulajdonság használatával lehet megváltoztatni a betűtípust.

17.

Hogyan tudom elérni, hogy az oldal betűmérete az alapértelmezett 3-szorosa legyen?

a)

font-size: 300%;

b)

letter-size: 300%;

c)

font-size: 3rem;

d)

font-size: 3px;

18.

Mik a CSS elrendezési technikák?

a)

HTML DOM

b)

CSS Grid, CSS Box

c)

Boxflex, Grid

d)

Flexbox, Grid, hagyományos elrendezés

19.

Melyik pszeudóosztállyal lehet kiválasztani az adott típusból az első iterációt?

a)

:first-child

b)

:first-of-child

c)

:first-line

d)

:first-of-type

20.

Milyen nyelv a JavaScript?

a)

Objektum orientált, erősen típusos nyelv, .

b)

Objektum orientált, nem erősen típusos nyelv.

21.

Hogyan tudok egy olyan "x" változót létrehozni JavaScriptben, aminek az értékét nem lehet változtatni?

a)

let x = "csokiskeksz";

b)

readOnly x = "csokiskeksz"

c)

const x = "csokiskeksz"

22.

Melyik for ciklussal lehet kiírni a konzolra minden számot 0-tól 30-ig?

a)

for (let i = 0; i<=30; i++){

console.log(i);

}

b)

for (const i = 0; i <= 30; i++) {

console.log(i)

}

c)

for (let i = 0; i <= 30; i++){

console.write(i)

}