Worksheetsprojektowanie stron
Total questions: 34
Worksheet time: 17mins
Który znacznik służy do tworzenia akapitu?
<span>
<p>
<a>
<br>
Jaki jest główny element strony?
<main>
<head>
<body>
<html>
Który znacznik służy do tworzenia linku?
<a>
<href>
<link>
<url>
Jak prawidłowo podpiąć plik css do pliku html?
<link href="stylesheet" src="">
<link href="">
<link a="stylesheet" href="">
<link rel="stylesheet" src="">
Co oznacza skrót HTML?
Hyper Trainer Marking Language
Hyper Text Markdown Language
Hyper Text Markup Language
Hyperlink Text Management Language
Atrybut alt w tagu <img> służy do:
Określenia nazwy pliku
Ustawienia obramowania
Tekstu alternatywnego
Ustawienia rozmiaru obrazu
Jak poprawnie wstawić komentarz w HTML?
// komentarz
/* komentarz */
# komentarz
<!-- komentarz -->
Który z poniższych elementów jest semantyczny?
<div>
<head>
<span>
<nav>
Który znacznik służy do osadzania pliku CSS?
<style>
<script>
<link>
<css>
Atrybut target="_blank" w linku oznacza:
Otwórz w tym samym oknie
Otwórz w nowym oknie lub karcie
Otwórz w ramce
Zignoruj link
Który atrybut określa identyfikator elementu?
name
id
class
key
Tag <br> służy do:
Zmiany koloru
Wstawienia nowej linii
Zwiększenia czcionki
Tworzenia pogrubienia
Co robi atrybut colspan w <td>?
Łączy kolumny
Łączy wiersze
Ustawia szerokość
Koloruje komórkę
Jak zamknąć znacznik <img> w HTML5?
</img>
<img />
<img></img>
Samozamykający się — nie wymaga końca
Który znacznik określa stopkę dokumentu lub sekcji?
<bottom>
<footer>
<section>
<end>
Co robi tag <meta charset="UTF-8">?
Ustawia czcionkę
Ustawia kodowanie znaków
Dodaje metadane o autorze
Ustawia język strony
Który atrybut <form> określa adres, na który dane są wysyłane?
target
method
action
href
Który selektor wybiera element o id="main"?
.main
main
#main
[main]
Który selektor wybiera wszystkie <p> w <div>?
div + p
div > p
div p
p div
Jak ustawić margines wewnętrzny elementu?
margin
padding
border
space
Jak ustawić czcionkę Arial jako główną, a Helvetica jako zapasową?
font-family: Arial, Helvetica;
font: Arial Helvetica;
font: Arial Helvetica;
font: Helvetica Arial;
Jak zaokrąglić narożniki elementu?
border-round
border-radius
corner-radius
radius
Które właściwości odpowiadają za cień wokół pudełka?
box-shadow
text-shadow
border-shadow
shadow-box
Jak ustawić element jako „flex container”?
display: flex;
layout: flexbox;
position: flex;
container: flex;
Która wartość position pozwala na przewijanie elementu razem z ekranem?
relative
fixed
absolute
sticky
Jak ustawić gradient liniowy z czerwonego do niebieskiego?
background: gradient(red, blue);
background: linear-gradient(red, blue);
background: radial-gradient(red, blue);
background: color-gradient(red, blue);
Jak ustawić gradient pionowy?
linear-gradient(left, right, ...)
linear-gradient(top, bottom, ...)
gradient-y(red, blue)
vertical-gradient(red, blue)
Jak wycentrować tekst w elemencie?
center-text: true;
justify-content: center;
align: center;
text-align: center;
zmienić kolor tła przycisku po najechaniu myszką?
button.hover { background: red; }
hover:button { background: red; }
button:active { background: red; }
button:hover { background: red; }
Jak uzyskać płynne przejście koloru po najechaniu?
animation: color 1s;
hover-transition: 0.3s;
transform: smooth;
transition: background-color 0.3s;
Która z poniższych właściwości CSS służy do ustawienia koloru obramowania elementu?
border-color
border-style
border-width
border-radius
Jakiego efektu użyjesz w CSS, jeśli chcesz, aby obramowanie było złożone z dwóch równoległych linii?
solid
double
groove
ridge
Co oznacza styl obramowania groove w CSS?
Obramowanie wygląda jakby było wypukłe (na zewnątrz)
Obramowanie wygląda jakby było wklęsłe (wgłębione)
Obramowanie jest kropkowane
Obramowanie ma podwójną linię
Jak wygląda styl obramowania ridge w CSS?
Wygląda jak wypukłe, tworząc efekt wystającej ramki.
gląda jak wgłębione, jakby wcięte w tło.
Jest przerywane liniami.
Jest złożone z dwóch równoległych linii
