Font size
WorksheetsWeb quiz 1 - HTML/CSS
Total questions: 20
Worksheet time: 11mins
Az alábbi címsorok közül melyiket használjuk a legerősebb, legfontosabb cím megjelenítésére?
<h4></h4>
<h0></h0>
<h6></h6>
<h2></h2>
Miért használjuk a strong tag-et?
A szöveg félkövérré tétele miatt
Mert nagyon erőszakosak voltunk, amikor írtuk a kódot
Mert a felolvasó programok másképp olvassák fel
A táblázatok fejléce ebbe kerül
Milyen részei vannak a táblázatoknak?
thead
tbody
tfoot
ttitle
Az <input> mező mely attribútuma alapján tudjuk lekérdezni feldolgozáskor a mezőbe írt értéket?
name
value
placeholder
type
Ha szeretnénk egy táblázatnak címet adni, akkor ezt a < (a) > tag-gel tehetjük meg, amit mindig közvetlenül a <table> után kell írnunk.
Az alábbi állítások közül mely(ek) igaz(ak)?
A blokkszintű elemek kihasználják a teljes rendelkezésre álló szélességet
A span egy blokkszintű elem
A section egy blokkszintű elem
Az article egy sorszintű elem
Mely állítás(ok) igaz(ak) a listákra HTML-ben?
A felsorolásjelek testreszabhatóak
A rendezett listákat az ol tag-gel adhatjuk meg
A listák elemeit az ul tag-gel adhatjuk meg
Mely állítások igazak az alábbi HTML elem esetén?
<a href="https://youtu.be/dQw4w9WgXcQ" target="_blank">Valami klassz dolog</a>
Ez egy horgony (a, mint anchor) tag, amivel rögzíteni tudunk egy HTML tag-et
Az eredmény új lapon fog megnyílni
Az elem egy YouTube videót ágyaz be
A megjelenő szöveg alapértelmezetten alá lesz húzva
Az alábbi opciók közül mely(ek) helyes megadása(i) egy elemfeliratnak?
<label>Jelszó:
<input name="passwd"/>
</label>
<label for="passwd">Jelszó:</label>
<input id="passwd" name="passwd"/>
<label for="passwd">Jelszó:</label>
<input id="my-passwd" name="passwd"/>
<label to="passwd">Jelszó:</label>
<input name="passwd"/>
Mely állítás(ok) igaz(ak) az alábbi kódrészletre?
<form method="POST">
<input type="text" name="password" placeholder="Pass1234">
</form>
Az input mezőhöz van beállítva alapértelmezett érték
A jelszó kezelése teljesen biztonságosan történik a kódrészletben
Az űrlap elküldésekor a jelszó mező értéke nem fog szerepelni az URL-ben
A kódrészlet validálási hibát tartalmaz
Hogyan tudunk megadni kommentet CSS-ben?
/** ... */
<!-- ... -->
// ...
/* ... */
Mit jelent a padding a dobozmodell szerint?
a doboz tartalmát
a tartalom körüli belső térközt
a belső térközön kívüli szegélyt
a külső margót
Miért éri meg külső (external) CSS-t használni?
Mert egy weboldal több lapjának is tudjuk ugyanazt a formázást adni
Mert az inline CSS használatával sokkal átláthatatlanabb kódot kapunk
Csak azért, mert akkor több pontot kapunk a projektmunkára
Mert a rangsorban előrébb van, mint az inline CSS
Az alábbi kódrészlet félkövérré teszi a szöveget:
p {
____-______: bold;
}
(a)
Ahhoz, hogy egy elem méretébe a tartalom mellett a térközök és a szegélyek is beletartozzanak, használjuk a box-sizing: ______-___ utasítást!
(a)
Az alábbiak közül mely szelektor(ok) jelölik ki azokat a linkeket, amelyek eredménye ugyanazon az oldalon jelenik meg?
a[target]
a[target="_blank"]
a[target="_self"]
link[target]
Mely tulajdonság(ok) öröklődik/öröklődnek az alábbiak közül?
color
font-family
background
text-align
Mely állítás(ok) igaz(ak) az alábbi parancs esetén?
margin: 20px 15px 10px;
A bal margó mérete 15px
Ha az utolsó értéket (10px) elhagynánk, akkor az alsó margó ugyanakkora lenne, mint a fenti
A felső margó mérete 10px
Az elem körbejárása az óramutató járásával ellentétes irányban történik
Az alábbiak közül mely szelektor(ok) jelöli(k) ki az első és a harmadik paragrafust?
<body>
<p>1.</p>
<div><p>2.</p></div>
<p>3.</p>
</body>
body p
body > p
p ~ p
p:first-child, p ~ p
Milyen színű lesz (sorrendben) a 3 paragrafus szövege?
<head>
<style> #first { color: red; } #second { color: green; } #third { color: orange !important; } .blue { color: blue; } </style>
</head>
<body> <p id="first" class="blue">Első bekezdés</p>
<p id="second" style="color: blue;">Második bekezdés</p>
<p id="third" style="color: purple;">Harmadik bekezdés</p> </body>
piros, kék, narancssárga
kék, kék, lila
piros, zöld, narancssárga
piros, kék, lila
