Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML és Webfejlesztés Kvíz

Total questions: 46

Worksheet time: 23mins

Name
Class
Date
1.

Kinek a nevéhez köthető a HTML nyelv alapjainak kidolgozása?

a)

Tim Berners-Lee (CERN)

b)

Steve Jobs (Apple)

c)

Bill Gates (Microsoft)

d)

Larry Page (Google)

e)

Linus Torvalds (Linux Foundation)

2.

Melyik évtizedben született meg a HTML nyelv?

a)

1960-es évek – DARPA, ARPANET

b)

1970-es évek – internet, TCP/IP

c)

1980-as évek – PC elterjedése

d)

1990-es évek – világháló

e)

2000-es évek – dotcom boom

3.

A "böngészőháború" végére az Internet Explorer vált a domináns alkalmazássá. Melyik böngésző vesztette el a piaci részesedését, és vált mára szinte ismeretlenné?

a)

Apple Safari

b)

Mozilla Firefox

c)

Netscape Navigator

d)

Microsoft Edge

e)

Opera

4.

A jelenlegi HTML5 az úgynevezett "Living Standard" része. Mikorra várható a következő nagy kiadása, esetleg ismert-e már annak a fantázia neve?

a)

Az 5.3 verziót már most is használjuk, a Bootstrap számozását követi

b)

A HTML6 határozatlan időre csúszik az AI technológiák miatt

c)

Az új verzió neve PHTML lesz, jelentése Python/PHP + HTML

d)

A folyamatosan bővülő szabványnak nem lesz több nagyverziója

5.

Melyik HTML5-ben bevezetett szemantikus elemmel jelölhetjük az oldal fő tartalmát, amely a dokumentum legfontosabb része?

a)

< body >

b)

< main >

c)

< section class = "main" >

d)

< div id = "content" >

6.

Egy szövegrészlet félkövér megjelenítésére néhány fejlesztő a < b > taget, mások a < strong > elemet használják. Valójában mi a különbség a két címke között?

a)

Korábban volt köztük különbség, de ma már nincs jelentősége.

b)

A < b > elem már nem szabványos, bár böngészők még támogatják

c)

A < strong > vizuális megjelenítésen túl szemantikai jelentéssel bír

d)

A < strong > csak a kód olvashatóságát javítja, mert nem rövidítés

e)

A < strong > elemmel tehetünk vastagabbá már félkövér < b > elemet

7.

Hogyan hozható létre hivatkozás az oldal „forrasok” azonosítójú eleméhez?

a)

< link href = "#forrasok" >

b)

< link id = "forrasok" >

c)

< href id = "forrasok" >

d)

< a href = "forrasok" >

e)

< a href = "#forrasok" >

8.

A választólistához milyen HTML taggel rendelhető választási lehetőségek?A <select> választólistához milyen HTML taggel rendelhető választási lehetőségek?

a)

< label >

b)

< choice >

c)

< option >

d)

< input >

e)

< value >

9.

Melyik szelektor színezi pirosra kizárólag a menüsorban szereplő hivatkozásokat?

a)

a:nav { color: red; }

b)

nav:a { color: red; }

c)

nav a { color: red; }

d)

nav.a { color: red; }

e)

a.nav { color: red; }

10.

Hogyan tudunk egy weboldalon minden szöveget Verdana betűtípusúra állítani?

a)

html { font : Verdana; }

b)

html { text : Verdana; }

c)

font { family : Verdana; }

d)

body { font-text : Verdana; }

e)

body { font-family : Verdana; }

11.

Melyik CSS szelektorral tudunk kiválasztani egy olyan „div” elemet, ami rendelkezik „mandatory” osztállyal és „gdpr” azonosítóval?

a)

div.mandatory#gdpr

b)

div#mandatory.gdpr

c)

div { .mandatory { #gdpr { ... } } }

d)

div { #mandatory { .gdpr { ... } } }

e)

div class="mandatory" id="gdpr"

12.

Számos előnye lehet a Bootstrap keretrendszer CDN-en (Content Delivery Network) keresztül történő használatának. Az alábbiak közül melyik válasz téves?

a)

Csökkenthető a hálózati forgalom a cache használata miatt

b)

Általában alacsonyabb a válaszidő a közelebbi szervertől

c)

Automatikusan hozzáférhetünk a legfrissebb verzióhoz

d)

A gyorsítótár kihasználása javítja a betöltési időt

13.

A gutter osztályt a Bootstrap 5.0 verziójában vezették be. De a szintaktikája hasonló a margin vagy padding osztályéhoz. Hogyan tudunk 5 egységnyi guttert beállítani?

a)

style = "gutter : 5px;"

b)

. gutter { 5em ; }

c)

class = "gutter-5"

d)

class = "g-5"

14.

Mi a szerepe egy HTML oldalon a meta tagben elhelyezett viewport beállításnak?

a)

a reszponzív Bootstrap Rács / Grid csak így tud működni

b)

az oldal méretezésért felel különböző felbontású eszközökön

c)

megállapítja, hogy az eszköz álló vagy fekvő elrendezésű

d)

a keresőmotorokná

15.

Milyen kódot nem írhatunk JavaScriptben?

a)

kliens oldalit

b)

szerver oldalit

c)

alacsony szintűt

d)

magas szintűt

e)

objektum-orientáltat

16.

Hogyan nevezzük a weboldal struktúráját reprezentáló programozható modellt, ami lehetővé teszi szkriptek számára az oldal elemeinek elérését és módosítását?

a)

AOM (Application Object Model)

b)

BOM (Browser Object Model)

c)

COM (Content Object Model)

d)

DOM (Document Object Model)

e)

EOM (Element Object Model)

17.

Mi az az „ECMAScript”, és mért jelentős az ES6 verziója?

a)

A JavaScript szabványa, a modern nyelvi elemek bevezetésének kezdete

b)

A JavaScript őse, ebből és a Java szavak ötvözetéből származik a név

c)

A JavaScript következő verziója, amit 2026-ra terveznek bevezetni

d)

Egy frontend keretrendszer, ami a 6-os verzió óta piacvezető

e)

Egy frontendfejlesztő könyvtár, ami a 6-os verzió óta piacvezető

18.

Melyik igaz a JavaScript változók típusosságára?

a)

szigorú és statikus (fordításkor kell meghatározni és nem változhat)

b)

gyenge és dinamikus (futási időben az aktuálisan tárolt értéktől függ)

c)

típusmentes (nincs jelentősége a változóban tárolt érték típusának)

d)

multitípusos (a tárolt értéknek egyszerre többféle típusa is lehet)

e)

objektum-orientált (a típusok valójában osztályok példányai)

19.

Melyik kulcsszó vezet be olyan változót, ami már a deklarációja előtt is használható (hoisting), később is szabadon újra deklarálható, és akár globális hatókörű is lehet?

a)

let

b)

var

c)

const

d)

Ez mindhárom kulcsszóra igaz

e)

Semelyik nem tudja ezeket együtt

20.

Melyik JavaScript metódus ad vissza egy új tömböt az eredeti változtatása nélkül?

a)

tomb . filter ( )

b)

tomb . peek ( )

c)

tomb . sort ( )

d)

tomb . clone ( )

21.

Melyik JavaScriptben létező metódussal szúrhatunk be új elemet a tömb elejére?

a)

. insert ( 0 , érték)

b)

. push ( 0 , érték )

c)

. append ( érték )

d)

. unshift ( érték )

22.

Milyen formátumot ellenőrzi ez a reguláris kifejezés: ^[1-9][0-9]{2} [0-9]{3} \d{3}$

a)

Telefonszámot (061 234 567)

b)

TAJ számot (123 456 789)

c)

Személyiszámot (123 456 AB)

d)

Bankszámlaszámot (1111 2222 opcionális 3333 4444)

23.

Mi lesz egy „ for ... of ” ciklus eredménye a book objektum bejárásakor?

a)

Típushiba, mert az objektum nem iterálható

b)

Kulcs-érték párok ( "year" : 2024 )

c)

Az objektum kulcsai ( "year" )

d)

Az objektum értékei ( 2024 )

24.

Mi lesz egy „ for ... in ” ciklus eredménye a user objektum bejárásakor?

a)

Undefined értékek, mert nem tud objektumot iterálni

b)

Kulcs-érték párok ( 'id' : 2024 )

c)

Az objektum kulcsai ( 'id' )

d)

Az objektum értékei ( 2024 )

25.

Hogyan iratkozhatunk fel egy „handler” nevű függvénnyel arra eseményre, amit az oldal teljes tartalmának betöltése után vált ki az ablak?

a)

window . addEventListener ( 'onLoaded' , handler )

b)

window . addEventListener ( 'load' , handler)

c)

window . loaded = handler

d)

window . isReady = handler

26.

Mire használjuk a Promise objektumot?

a)

Ennek segítségével tudjuk elkerülni az aszinkron működést

b)

A használatával kezelhetjük az async kulcsszó kivételeit

c)

Ezzel reprezentáljuk egy jövőbeni művelet eredményét

d)

Egy aszinkron függvénynek lehet vele paramétert átadni

27.

Melyik függvény hívásával tudunk egy szerverhez kérést intézni?

a)

http ( url )

b)

get ( url )

c)

fetch ( url )

d)

request ( url )

e)

response ( url )

28.

Milyen programozási felületet használ egy alkalmazás ahhoz, hogy HTTP üzeneteken keresztül kérjen adatot egy másik webes szolgáltatástól?

a)

SSH

b)

SQL

c)

CLI

d)

GUI

e)

API

29.

Melyik nem egy tartalomkezelő-rendszer (Content Management System / CMS)?

a)

WordPress

b)

Joomla!

c)

Drupal

d)

Ajax

e)

SquareSpace

30.

Milyen tag-et kell használni a weboldalak táblázataiban a táblázat egy-egy fejléc cellájának meghatározására?

a)

<cell>

b)

<td>

c)

<head>

d)

<th>

31.

Az alábbiak közül melyik nem része egy HTML oldal szerkezetének?

a)

header

b)

body

c)

caption

d)

head

32.

Az alábbiak közül melyik nem része a HTML5 szemantikus szerkezetének?

a)

header

b)

main

c)

nav

d)

table

e)

section

33.

Mi lesz az eredménye a css opacity:0.3; utasításnak, ha egy képre alkalmazzák?

a)

semmi

b)

a kép 30% ban átlátszó lesz

c)

a kép fele részben átlátszó lesz

d)

a kép 70% ban átlátszó lesz

34.

Az alábbiak közül melyik paraméter nem használható css-ben a háttér beállításainak módosítására?

a)

url("img_tree.png");

b)

no-repeat;

c)

fixed

d)

double

35.

CSS formázással szeretnék az oldalon egy képet középre igazítani úgy, hogy a környező szövegektől külön sorba kerüljön. Mi kerüljön a display tulajdonság paraméterébe?

a)

semmi

b)

inline

c)

block

d)

inline-block

36.

Mire való egy HTML oldalon a meta tagbe elhelyezett viewport tulajdonság beállítása?

a)

nincs hatása a megjelenítésre

b)

segítségével az eszköz méretéhez igazíthatjuk a tartalmak méretét

c)

beállíthatjuk vele az oldalak legfelső szintjét

d)

különféle nézőpontokat definiálhatunk vele

37.

Mire való egy HTML oldalon a meta tagbe elhelyezett viewport tulajdonság beállítása?

a)

nincs hatása a megjelenítésre

b)

segítségével az eszköz méretéhez igazíthatjuk a tartalmak méretét

c)

beállíthatjuk vele az oldalak legfelső szintjét

d)

különféle nézőpontokat definiálhatunk vele

38.

Az alábbiak közül melyik CSS szelektorral lehet hivatkozni az összes olyan bekezdésre, amik a div elemen belül helyezkednek el?

a)

div, p

b)

div p

c)

div>p

d)

div+p

39.

Mi az a Bootstrap?

a)

BIOS beállítás, amivel meg lehet határozni a gép indításáért felelős eszközt

b)

JS és CSS keretrendszer

c)

Egy Boot manager program

d)

Statisztikus weblapok készítéséhez használt segédprogram

40.

Az alábbiak közül melyik hoz létre 3 elemű tömböt JavaScriptben?

a)

var colors = new Array('red', 'green', 'blue')

b)

var colors = ['red', 'green', 'blue', 'yellow']

c)

var colors = (['red', 'green', 'blue'])

d)

var colors = ['red', 'green', 'blue']

41.

Hogyan írhatjuk egy figyelmeztető ablakba a "Hello" szöveget JavaScriptben?

a)

alert("Hello")

b)

popup('Hello');

c)

notify('Hello');

d)

showMessage('Hello');

42.

13) Hogyan épül fel általánosan egy CSS utasítás?

a)

tulajdonság{kijelölö:ertek1;ertek2;}

b)

kijelölö{tulajdonság1:tulajdonság2:ertek1;}

c)

kijelölö{tulajdonság1:ertek1;tulajdonság2:;}

d)

kijelölö{tulajdonság1:ertek1;tulajdonsag2:ertek2;}

43.

14) Melyik CSS utasítás igazítja balra a picture azonosítójú képet?

a)

#picture { float: left; }

b)

#picture { margin-left: auto; }

c)

#picture { position: left; }

d)

#picture { text-align: right; }

44.

15) Melyik JavaScript metódus használható egy tömb elemeinek rendezésére?

a)

reduce()

b)

map()

c)

filter()

d)

sort()

45.

17) Melyik JavaScript operátor használható a két érték összehasonlítására?

a) =

b) ==

c) ===

a)

a és b is

b)

b és c is

c)

a

d)

c

46.

16) Melyik CSS tulajdonság határozza meg a betűszínt?

a)

text-fill

b)

font-size

c)

color

d)

border-color

Similar Resources on Wayground

Movies

44 questions

Movies

quiz

Worksheet

•

2nd Grade - Professio...

PowerPoint

50 questions

PowerPoint

quiz

Worksheet

•

10th - 12th Grade

EVALUACIÓN INDIVIDUAL. LÓGICA PROPOSICIONAL.

50 questions

EVALUACIÓN INDIVIDUAL. LÓGICA PROPOSICIONAL.

quiz

Worksheet

•

9th - 12th Grade

POSTEST TCC-GC 2 - SGSI

50 questions

POSTEST TCC-GC 2 - SGSI

quiz

Worksheet

•

1st Grade - Professio...

ACWM Bloque III

49 questions

ACWM Bloque III

quiz

Worksheet

•

12th Grade

Protocols and Ports

45 questions

Protocols and Ports

quiz

Worksheet

•

11th - 12th Grade

Media and Information Literacy 12 Summative Evaluation

50 questions

Media and Information Literacy 12 Summative Evaluation

quiz

Worksheet

•

12th Grade

TryOut Ujian Sekolah Pengetahuan - TIK SMP N 1 JEPARA

45 questions

TryOut Ujian Sekolah Pengetahuan - TIK SMP N 1 JEPARA

quiz

Worksheet

•

12th Grade