696 pytań z odpowiedziami i wyjaśnieniem — 121 pytań teoretycznych i 23 zadań rachunkowych, każde w 25 wariantach. HTML5, semantyka, formularze, CSS i model pudełkowy, responsywność, grafika na stronę.
Poprawna odpowiedź: B. <meta charset="UTF-8">
Umieszczany w sekcji head. Bez niego polskie znaki wyświetlą się błędnie.
Ćwicz w trenerze →Poprawna odpowiedź: B. alt
alt to opis alternatywny czytany przez czytniki ekranu.
Ćwicz w trenerze →Poprawna odpowiedź: B. rowspan="2"
colspan łączy kolumny, rowspan wiersze.
Ćwicz w trenerze →Poprawna odpowiedź: B. <ol>
ol daje numerację, ul punktory.
Ćwicz w trenerze →Poprawna odpowiedź: D. O klasie menu
Kropka oznacza klasę, krzyżyk identyfikator.
Ćwicz w trenerze →Poprawna odpowiedź: C. Po najechaniu kursorem
:active to kliknięcie, :visited to odwiedzony odnośnik.
Ćwicz w trenerze →Poprawna odpowiedź: D. Pseudoelement stylujący pierwszą literę akapitu
Pseudoelementy zapisuje się dwoma dwukropkami.
Ćwicz w trenerze →Poprawna odpowiedź: C. text-decoration: none
text-decoration przyjmuje też underline, overline, line-through.
Ćwicz w trenerze →Poprawna odpowiedź: C. padding
margin to odstęp na zewnątrz ramki.
Ćwicz w trenerze →Poprawna odpowiedź: B. margin: 0 auto
text-align centruje treść w środku, nie sam blok.
Ćwicz w trenerze →Poprawna odpowiedź: C. transition: color 0.3s
transition animuje zmianę właściwości między stanami.
Ćwicz w trenerze →Poprawna odpowiedź: B. Identyfikator
Styl liniowy bije identyfikator, ten bije klasę, klasa bije znacznik.
Ćwicz w trenerze →Poprawna odpowiedź: D. Elemencie nadrzędnym względem układanych elementów
Flexbox konfiguruje się na kontenerze.
Ćwicz w trenerze →Poprawna odpowiedź: B. O szerokości do 768 pikseli
max-width oznacza górną granicę szerokości.
Ćwicz w trenerze →Poprawna odpowiedź: C. Okna przeglądarki i nie przewija się z treścią
absolute pozycjonuje względem przodka, fixed względem okna.
Ćwicz w trenerze →Poprawna odpowiedź: B. GIF
GIF obsługuje animację i przezroczystość, JPG żadnej z tych rzeczy.
Ćwicz w trenerze →Poprawna odpowiedź: D. Skaluje się bez utraty jakości
Wektory to opis matematyczny, rastry to siatka pikseli.
Ćwicz w trenerze →Poprawna odpowiedź: B. JPG
JPG trwale usuwa część informacji dla mniejszego pliku.
Ćwicz w trenerze →Poprawna odpowiedź: B. Sprawdzania zgodności kodu ze standardem
Waliduje HTML i CSS.
Ćwicz w trenerze →Poprawna odpowiedź: B. <svg>
SVG jest formatem wektorowym i może być zapisany bezpośrednio w kodzie HTML.
Ćwicz w trenerze →Poprawna odpowiedź: B. <nav>
Element nav grupuje najważniejsze odnośniki służące do poruszania się po witrynie.
Ćwicz w trenerze →Poprawna odpowiedź: C. *
Gwiazdka jest selektorem uniwersalnym.
Ćwicz w trenerze →Poprawna odpowiedź: D. font-weight
font-weight przyjmuje m.in. wartości normal, bold oraz wartości liczbowe.
Ćwicz w trenerze →Poprawna odpowiedź: B. 520 pikseli
W modelu content-box do szerokości treści dodaje się oba wypełnienia: 500 + 10 + 10.
Ćwicz w trenerze →Poprawna odpowiedź: B. p[title~="egzamin"]
Operator ~= szuka całego słowa na liście wartości atrybutu.
Ćwicz w trenerze →Poprawna odpowiedź: D. bottom
Właściwą wartością właściwości vertical-align jest bottom.
Ćwicz w trenerze →
<!DOCTYPE html> na początku dokumentu:Poprawna odpowiedź: B. Informuje przeglądarkę, że dokument jest w standardzie HTML5
Bez deklaracji przeglądarka przechodzi w tryb zgodności wstecznej i inaczej liczy model pudełkowy.
Ćwicz w trenerze →<aside><article><section><div>Poprawna odpowiedź: B. <article>
article to treść niezależna, np. wpis bloga. section to fragment większej całości.
<aside> przeznaczony jest na:Poprawna odpowiedź: B. Treść poboczną, luźno powiązaną z treścią główną
Typowo pasek boczny, ramka z ciekawostką albo blok reklamowy.
Ćwicz w trenerze →<figure> i <figcaption> służy do:Poprawna odpowiedź: B. Powiązania ilustracji z jej podpisem
figcaption to podpis należący do zawartości figure.
<h1> powinien mieć poprawnie zbudowany dokument?Poprawna odpowiedź: B. Jeden, opisujący główny temat strony
Jeden h1 na stronę porządkuje hierarchię nagłówków dla czytników ekranu i wyszukiwarek.
for w znaczniku <label> musi być równy:id powiązanego polaname polaPoprawna odpowiedź: B. Wartości atrybutu id powiązanego pola
Kliknięcie etykiety ustawia wtedy kursor w polu, a czytnik ekranu odczytuje opis.
Ćwicz w trenerze →type="text"type="address"type="email"type="mail"Poprawna odpowiedź: C. type="email"
Przeglądarka sama waliduje obecność małpy i domeny przed wysłaniem formularza.
Ćwicz w trenerze →required w polu formularza powoduje, że:Poprawna odpowiedź: B. Formularz nie zostanie wysłany, dopóki pole jest puste
To walidacja po stronie klienta — na serwerze i tak trzeba sprawdzić dane ponownie.
Ćwicz w trenerze →placeholder od znacznika <label>?Poprawna odpowiedź: D. Placeholder znika po rozpoczęciu pisania, label zostaje widoczny
Dlatego sam placeholder nie zastępuje etykiety — użytkownik traci opis pola w trakcie wypełniania.
Ćwicz w trenerze →<dropdown><input type="select"><list> z <item><select> z zagnieżdżonymi <option>Poprawna odpowiedź: D. <select> z zagnieżdżonymi <option>
Każda pozycja to osobny option, a wysyłana jest jego wartość value.
<input type="longtext"><text><input type="multiline"><textarea>Poprawna odpowiedź: D. <textarea>
Rozmiar ustawiają atrybuty rows i cols albo CSS.
<fieldset> i <legend> służą do:Poprawna odpowiedź: D. Grupowania powiązanych pól formularza i opisania tej grupy
Czytnik ekranu odczytuje treść legend przed każdym polem grupy.
name, aby działały jak jeden wybór?type="text"type="radio"type="checkbox"type="submit"Poprawna odpowiedź: B. type="radio"
Wspólna nazwa sprawia, że przyciski radiowe wykluczają się wzajemnie.
Ćwicz w trenerze →Poprawna odpowiedź: B. W adresie URL, po znaku zapytania
Dlatego GET nie nadaje się do haseł — dane zostają w historii przeglądarki i logach serwera.
Ćwicz w trenerze →action w znaczniku <form> wskazuje:Poprawna odpowiedź: C. Adres skryptu, który przetworzy przesłane dane
Metodę ustawia osobny atrybut method.
<thead><th><td><tr>Poprawna odpowiedź: B. <th>
th jest domyślnie pogrubiona i wyśrodkowana, a czytniki ekranu wiążą ją z komórkami kolumny.
width="3"colspan="3"rowspan="3"span="3"Poprawna odpowiedź: B. colspan="3"
colspan scala w poziomie, rowspan w pionie.
<caption> umieszczony wewnątrz tabeli:Poprawna odpowiedź: B. Tworzy tytuł całej tabeli
Musi stać bezpośrednio po znaczniku otwierającym table.
<ul> z <li><ol> z <li><dl> z <dt> i <dd><def> z <term>Poprawna odpowiedź: C. <dl> z <dt> i <dd>
dt to pojęcie, dd to jego opis.
rel="new"open="new"target="_blank"target="_self"Poprawna odpowiedź: C. target="_blank"
Warto dodać rel="noopener", żeby nowa karta nie miała dostępu do okna źródłowego.
../obrazy/logo.png oznacza plik:Poprawna odpowiedź: B. W folderze obrazy, jeden poziom wyżej od bieżącego
Dwie kropki cofają o jeden katalog. Jedna kropka to katalog bieżący.
Ćwicz w trenerze →/css/styl.css, jest liczona względem:Poprawna odpowiedź: D. Katalogu głównego serwisu
To ścieżka bezwzględna wewnątrz serwisu — nie zmienia się przy przenoszeniu pliku do podfolderu.
Ćwicz w trenerze →<css href="styl.css"><import file="styl.css"><style src="styl.css"><link rel="stylesheet" href="styl.css">Poprawna odpowiedź: D. <link rel="stylesheet" href="styl.css">
Znacznik link stoi w sekcji head i nie ma odpowiednika zamykającego.
<meta name="viewport" content="width=device-width, initial-scale=1"> odpowiada za:Poprawna odpowiedź: B. Dopasowanie szerokości strony do ekranu urządzenia mobilnego
Bez niego telefon renderuje stronę w wirtualnej szerokości ok. 980 px i pomniejsza całość.
Ćwicz w trenerze →<div><p><section><span>Poprawna odpowiedź: D. <span>
Elementy liniowe nie zaczynają nowej linii i ignorują ustawianie wysokości.
Ćwicz w trenerze →< w kodzie HTML wyświetli znak:Poprawna odpowiedź: D. Mniejszości
Znaki mniejszości i większości trzeba kodować, żeby przeglądarka nie wzięła ich za znacznik.
Ćwicz w trenerze →<meta name="image"><link rel="icon"><header>Poprawna odpowiedź: B. Favicon, podpięty znacznikiem <link rel="icon">
Zwykle plik favicon.ico albo PNG w katalogu głównym serwisu.
Poprawna odpowiedź: C. 1-1-1
Specyficzność liczy się jako trójka: identyfikatory, klasy, znaczniki.
Ćwicz w trenerze →div p wybierze akapity:Poprawna odpowiedź: B. Znajdujące się gdziekolwiek wewnątrz elementu div
Do bezpośrednich dzieci służy div > p.
h2 + p wybierze akapit:Poprawna odpowiedź: B. Będący pierwszym rodzeństwem tuż po nagłówku h2
Plus to sąsiad bezpośredni. Tylda ~ wybiera wszystkie kolejne rodzeństwa.
li:nth-child(2n) wybierze pozycje listy o numerach:Poprawna odpowiedź: C. Parzystych
Odpowiednikiem słownym jest :nth-child(even).
::after wymaga do działania właściwości:displaypositionvisibilitycontentPoprawna odpowiedź: D. content
Bez content, choćby pustego, pseudoelement nie zostanie wygenerowany.
:focus opisuje wygląd elementu:Poprawna odpowiedź: D. Aktywnego, na którym stoi kursor klawiatury
Usuwanie obrysu focusu bez podania własnego zastępnika łamie dostępność dla osób korzystających z klawiatury.
Ćwicz w trenerze →box-sizing: border-box powoduje, że zadeklarowana szerokość obejmuje:Poprawna odpowiedź: B. Treść wraz z dopełnieniem i obramowaniem
Dlatego element o width: 300px i dopełnieniu 20 px nadal zajmuje 300 px.
Poprawna odpowiedź: B. Kolapsem marginesów
Z dwóch stykających się marginesów zostaje większy, a nie ich suma.
Ćwicz w trenerze →display: none od visibility: hidden?Poprawna odpowiedź: D. Pierwsze usuwa element z układu strony, drugie zostawia po nim puste miejsce
Element z visibility: hidden dalej zajmuje swoje miejsce w układzie.
position: absolute pozycjonowany jest względem:Poprawna odpowiedź: B. Najbliższego przodka z pozycjonowaniem innym niż static
Dlatego rodzicowi nadaje się zwykle position: relative jako punkt odniesienia.
position: sticky sprawia, że element:Poprawna odpowiedź: D. Zachowuje się normalnie, dopóki nie osiągnie zadanego progu przewijania, a potem przykleja się do krawędzi
Wymaga podania progu, np. top: 0, oraz przewijalnego przodka.
z-index zadziała wyłącznie na elemencie:Poprawna odpowiedź: B. Pozycjonowanym, czyli innym niż static
Wyjątkiem są elementy siatki i flexboksa, gdzie z-index działa także bez pozycjonowania.
clear: both stosuje się, aby:Poprawna odpowiedź: D. Element znalazł się poniżej wcześniejszych elementów opływanych
Klasyczny sposób zamykania kontenera zawierającego elementy z float.
display: flex właściwość justify-content rozmieszcza elementy:Poprawna odpowiedź: C. Wzdłuż osi głównej
Oś główną wyznacza flex-direction; oś poprzeczną obsługuje align-items.
flex-direction: column układa elementy potomne:Poprawna odpowiedź: B. Jeden pod drugim, w pionie
Zmienia się wtedy także znaczenie osi: justify-content działa w pionie.
flex-wrap: wrap powoduje, że elementy:Poprawna odpowiedź: B. Przechodzą do kolejnego wiersza, gdy zabraknie miejsca
Domyślna wartość nowrap ściska elementy zamiast je zawijać.
grid-template-columns: repeat(3, 1fr) tworzy siatkę o:Poprawna odpowiedź: B. Trzech kolumnach równej szerokości
Jednostka fr to część dostępnej wolnej przestrzeni.
rem odnosi się do rozmiaru czcionki:Poprawna odpowiedź: B. Elementu głównego dokumentu, czyli html
To odróżnia ją od em, które liczy się względem rodzica i potrafi się kumulować.
vh oznacza:Poprawna odpowiedź: B. Jeden procent wysokości okna przeglądarki
100vh to pełna wysokość widocznego obszaru okna.
rgba(0, 0, 0, 0.5) oznacza kolor:Poprawna odpowiedź: B. Czarny, półprzezroczysty
Czwarty parametr to kanał alfa: 0 oznacza pełną przezroczystość, 1 pełne krycie.
Ćwicz w trenerze →hsl(120, 100%, 50%) pierwsza liczba oznacza:Poprawna odpowiedź: B. Odcień na kole barw
Odcień podaje się w stopniach: 0 to czerwony, 120 zielony, 240 niebieski.
Ćwicz w trenerze →font-family: Arial, Helvetica, sans-serif; oznacza, że przeglądarka:Poprawna odpowiedź: B. Użyje pierwszej dostępnej czcionki z listy
Ostatnia pozycja to rodzina ogólna — bezpiecznik na wypadek braku pozostałych.
Ćwicz w trenerze →line-height steruje:Poprawna odpowiedź: B. Wysokością wiersza tekstu, czyli odstępem między liniami
Odstęp między literami ustawia letter-spacing.
border: 2px solid #333; to skrót ustawiający kolejno:Poprawna odpowiedź: D. Grubość, styl i kolor obramowania
Pominięcie stylu sprawia, że obramowanie w ogóle się nie pojawi — domyślny styl to none.
overflow: circleshape: circleborder-radius: 50%border-radius: 50pxPoprawna odpowiedź: C. border-radius: 50%
Wartość procentowa skaluje się razem z elementem, więc działa przy każdym rozmiarze.
Ćwicz w trenerze →background-size: cover sprawia, że tło:Poprawna odpowiedź: B. Wypełnia cały element, przycinając nadmiar obrazu
Wariant contain mieści cały obraz, ale może zostawić wolną przestrzeń.
Poprawna odpowiedź: B. Powtarza się w pionie i poziomie
Powtarzanie wyłącza background-repeat: no-repeat.
overflow: hidden powoduje, że treść wykraczająca poza element:Poprawna odpowiedź: C. Zostaje przycięta i niewidoczna
Pasek przewijania daje overflow: auto albo scroll.
widthcolorbordermarginPoprawna odpowiedź: B. color
Dziedziczą się głównie właściwości tekstu: kolor, krój, rozmiar i wysokość wiersza.
Ćwicz w trenerze →Poprawna odpowiedź: B. Reguła zapisana później w arkuszu
To zasada kaskady — przy remisie decyduje kolejność.
Ćwicz w trenerze →!important przy deklaracji CSS:Poprawna odpowiedź: C. Podnosi jej priorytet ponad zwykłe reguły, także te bardziej szczegółowe
Nadużywany utrudnia późniejsze nadpisanie stylów — traktuje się go jako ostateczność.
Ćwicz w trenerze →Poprawna odpowiedź: C. PNG
GIF ma tylko przezroczystość jednobitową — piksel jest albo w pełni widoczny, albo w pełni przezroczysty.
Ćwicz w trenerze →Poprawna odpowiedź: D. 256
Paleta ośmiobitowa. Dlatego GIF fatalnie oddaje fotografie, a dobrze radzi sobie z grafiką płaską.
Ćwicz w trenerze →Poprawna odpowiedź: C. Nie powoduje utraty jakości, bo obraz jest opisany równaniami
Rastrowa przy powiększaniu traci ostrość, bo interpoluje brakujące piksele.
Ćwicz w trenerze →Poprawna odpowiedź: C. Druku
Na ekranie obowiązuje RGB — barwy powstają ze światła, a nie z farby.
Ćwicz w trenerze →Poprawna odpowiedź: B. 480 000 pikseli
Liczbę pikseli daje iloczyn szerokości i wysokości.
Ćwicz w trenerze →Poprawna odpowiedź: B. Wycięciu fragmentu i usunięciu reszty
Skalowanie zmienia rozmiar całości, kadrowanie odcina brzegi.
Ćwicz w trenerze →Poprawna odpowiedź: B. Edytować elementy obrazu niezależnie od siebie
Zapis do JPG spłaszcza warstwy — dlatego projekt trzyma się w formacie roboczym programu.
Ćwicz w trenerze →Poprawna odpowiedź: C. Liczbę punktów przypadających na cal wydruku
Do druku przyjmuje się zwykle 300 DPI, do publikacji ekranowej wystarcza 72.
Ćwicz w trenerze →Poprawna odpowiedź: C. <svg>
SVG jest formatem i elementem służącym do opisu grafiki wektorowej.
Ćwicz w trenerze →Poprawna odpowiedź: C. <p>
Akapit zapisuje się znacznikiem <p>.
Ćwicz w trenerze →Poprawna odpowiedź: B. *
Gwiazdka wybiera wszystkie elementy.
Ćwicz w trenerze →Poprawna odpowiedź: B. font-weight
Grubość kroju ustawia właściwość font-weight.
Ćwicz w trenerze →vertical-align?Poprawna odpowiedź: D. bottom
Właściwość vertical-align przyjmuje między innymi wartość bottom.
Ćwicz w trenerze →<p title="jest dobrze"> właściwy selektor atrybutu wybierający słowo „jest” to:Poprawna odpowiedź: B. p[title~="jest"]
Operator ~= wybiera element, którego atrybut zawiera podane pełne słowo.
Ćwicz w trenerze →width:500px; padding:30px 10px; przy domyślnym box-sizing i bez obramowania?Poprawna odpowiedź: C. 520 px
Do szerokości treści dochodzi po 10 px lewego i prawego wypełnienia.
Ćwicz w trenerze →Poprawna odpowiedź: D. Koloru czarnego
Litera K oznacza składową czarną (key colour).
Ćwicz w trenerze →Poprawna odpowiedź: C. <nav>
Element nav opisuje główną grupę łączy nawigacyjnych.
Ćwicz w trenerze →for elementu label musi być równy:Poprawna odpowiedź: C. Wartości id pola
Powiązanie tworzy para label for i input id o tej samej wartości.
Ćwicz w trenerze →Poprawna odpowiedź: B. required
required uruchamia wbudowaną walidację obecności wartości.
Ćwicz w trenerze →pattern pola input służy do:Poprawna odpowiedź: B. Sprawdzania wartości za pomocą wyrażenia regularnego
Przeglądarka porównuje wartość pola z podanym wzorcem.
Ćwicz w trenerze →<datalist> połączony z polem input zapewnia:Poprawna odpowiedź: D. Listę podpowiedzi z możliwością wpisania własnej wartości
Datalist podpowiada wartości, ale nie blokuje wpisania innej.
Ćwicz w trenerze →enctype ustawione na:Poprawna odpowiedź: B. multipart/form-data
multipart/form-data pozwala przesłać binarną zawartość pliku.
Ćwicz w trenerze →<figure> zapisuje się w:Poprawna odpowiedź: B. <figcaption>
figcaption jest semantycznym podpisem zawartości figure.
Ćwicz w trenerze →<picture> i <source> pozwala przede wszystkim:Poprawna odpowiedź: D. Dobrać wersję obrazu do warunków lub obsługiwanego formatu
Przeglądarka wybiera pasujące source, a img jest wariantem zapasowym.
Ćwicz w trenerze →srcset elementu img służy do:Poprawna odpowiedź: B. Podania kilku wariantów obrazu dla różnych rozdzielczości
srcset opisuje kandydatów, z których przeglądarka wybiera najlepiej dopasowany.
Ćwicz w trenerze →Poprawna odpowiedź: D. controls
controls udostępnia użytkownikowi sterowanie nagraniem.
Ćwicz w trenerze →poster elementu video wskazuje:Poprawna odpowiedź: C. Obraz widoczny przed rozpoczęciem odtwarzania
Poster pełni rolę okładki filmu.
Ćwicz w trenerze →<summary> powinien być bezpośrednim dzieckiem elementu:Poprawna odpowiedź: B. <details>
Summary jest klikalnym nagłówkiem rozwijanego details.
Ćwicz w trenerze →target="_blank" warto dodać rel="noopener", aby:Poprawna odpowiedź: B. Nowa karta nie mogła przejąć obiektu window.opener
noopener odcina nowej karcie dostęp do okna, które ją otworzyło.
Ćwicz w trenerze →box-sizing: border-box sprawia, że zadane width obejmuje:Poprawna odpowiedź: B. Treść, padding i obramowanie
Padding i border mieszczą się wewnątrz podanej szerokości.
Ćwicz w trenerze →grid-template-columns: repeat(3, 1fr) tworzy:Poprawna odpowiedź: D. Trzy kolumny o równej szerokości
repeat powtarza trzy razy elastyczną jednostkę 1fr.
Ćwicz w trenerze →justify-content ustawia elementy wzdłuż:Poprawna odpowiedź: B. Osi poziomej, czyli głównej
Przy flex-direction: row osią główną jest poziom.
Ćwicz w trenerze →object-fit: cover zastosowana do obrazu o ustalonych wymiarach:Poprawna odpowiedź: B. Wypełnia pole z zachowaniem proporcji i może przyciąć obraz
cover zachowuje proporcje, ale nadmiar może zostać obcięty.
Ćwicz w trenerze →overflow: auto powoduje, że paski przewijania:Poprawna odpowiedź: D. Pojawiają się tylko wtedy, gdy treść nie mieści się w elemencie
auto pozostawia przeglądarce decyzję zależną od przepełnienia.
Ćwicz w trenerze →z-index wpływa na kolejność nakładania przede wszystkim elementów:Poprawna odpowiedź: D. Tworzących kontekst warstw, np. pozycjonowanych
Samo z-index nie działa dowolnie; znaczenie ma pozycjonowanie i kontekst stosu.
Ćwicz w trenerze →@media print obowiązują podczas:Poprawna odpowiedź: B. Drukowania strony lub podglądu wydruku
Typ medium print pozwala przygotować osobny układ wydruku.
Ćwicz w trenerze →color: var(--kolor-akcentu) odczytuje wartość z:Poprawna odpowiedź: D. Własnej właściwości CSS
Nazwy własnych właściwości CSS zaczynają się od dwóch myślników.
Ćwicz w trenerze →Każde zadanie ma 25 wariantów z innymi liczbami. Poniżej po jednym przykładzie — w trenerze wylosujesz kolejne, aż opanujesz sam mechanizm.
width:312px; padding:13px; border:1px solid i domyślne box-sizing. Ile zajmie w poziomie?Poprawna odpowiedź: B. 340 px
W modelu content-box szerokość całkowita to 312 + 2×13 + 2×1 = 340 px.
Ćwicz w trenerze →height:234px; padding:4px 0; border:1px solid w modelu content-box. Jaka jest jego wysokość całkowita?Poprawna odpowiedź: B. 244 px
Do wysokości treści dochodzi padding i obramowanie z góry oraz z dołu: razem 244 px.
Ćwicz w trenerze →box-sizing:border-box; width:460px; padding:14px; border:2px solid ma szerokość samej treści równą:Poprawna odpowiedź: B. 428 px
W border-box padding i obramowanie mieszczą się w width, więc treść ma 428 px.
Ćwicz w trenerze →gap:16px. Jaka jest szerokość jednej kolumny?Poprawna odpowiedź: B. 128 px
Po odjęciu 1 odstępów pozostałą szerokość dzieli się przez 2, co daje 128 px.
Ćwicz w trenerze →rgb(184, 152, 120)?Poprawna odpowiedź: B. #B89878
Każdy kanał RGB zapisuje się dwiema cyframi szesnastkowymi, co daje #B89878.
Ćwicz w trenerze →Poprawna odpowiedź: B. 41616
24 bity to 3 bajty na piksel, więc 136 × 102 × 3 = 41616 bajtów.
Ćwicz w trenerze →<td> w każdym wierszu wynosi 2. Ile komórek danych zawiera tabela?Poprawna odpowiedź: C. 52
Liczba komórek to iloczyn liczby wierszy i kolumn: 26 × 2 = 52.
Ćwicz w trenerze →Poprawna odpowiedź: B. 396 px
Dla proporcji 16:9 wysokość wynosi 704 × 9/16 = 396 px.
Ćwicz w trenerze →uzytkownik=u124 oraz strona=25. Jaki fragment zostanie dopisany do adresu URL?Poprawna odpowiedź: B. ?uzytkownik=u124&strona=25
Metoda GET koduje pary nazwa=wartość w części zapytania adresu URL.
Ćwicz w trenerze →width:60%. Ile pikseli szerokości ma dziecko?Poprawna odpowiedź: C. 588 px
Szerokość procentowa jest liczona względem rodzica: 60% z 980 px to 588 px.
Ćwicz w trenerze →html{font-size:18px} element ma padding:3.4rem. Ile wynosi padding?Poprawna odpowiedź: D. 61,2 px
Jednostka rem jest liczona od rozmiaru czcionki elementu głównego: 18 × 3.4 = 61,2 px.
Ćwicz w trenerze →10vw?Poprawna odpowiedź: B. 128 px
Jedna jednostka vw to 1% szerokości obszaru przeglądarki, zatem wynik to 128 px.
Ćwicz w trenerze →gap:10px. Jaką minimalną szerokość zajmą bez zawijania?Poprawna odpowiedź: D. 464 px
Między 3 elementami występuje 2 odstępów, więc szerokość wynosi 464 px.
Ćwicz w trenerze →transform:scale(1.25). Jakie ma wizualne wymiary po transformacji?Poprawna odpowiedź: C. 220 × 180 px
Skalowanie mnoży oba wymiary przez 1.25, dając 220 × 180 px.
Ćwicz w trenerze →width:calc(100% - 44px). Jaka będzie szerokość elementu?Poprawna odpowiedź: B. 1036 px
Funkcja calc odejmuje 44 px od pełnej szerokości kontenera, więc pozostaje 1036 px.
Ćwicz w trenerze →font-size:36px; line-height:1.5. Jaka jest wysokość pojedynczego wiersza?Poprawna odpowiedź: B. 54 px
Bezwymiarowe line-height mnoży rozmiar czcionki: 36 × 1,5 = 54 px.
Ćwicz w trenerze →Poprawna odpowiedź: D. 830 ms
Efekt zaczyna się po opóźnieniu i trwa przez zadany czas, łącznie 830 ms.
Ćwicz w trenerze →#a{z-index:25}, #b{z-index:28}, #c{z-index:26}. Który znajdzie się najwyżej?Poprawna odpowiedź: D. #b
Spośród elementów w tym samym kontekście stosu najwyżej znajdzie się element z największym z-index, czyli #b.
Ćwicz w trenerze →Poprawna odpowiedź: D. 612 × 306 px
Oba wymiary mnoży się przez 90%, co daje 612 × 306 px.
Ćwicz w trenerze →Poprawna odpowiedź: B. 704 × 456 px
Z każdego wymiaru usuwa się dwa pasy, dlatego wynik to 704 × 456 px.
Ćwicz w trenerze →wykres-25.png przedstawia wykres sprzedaży i przekazuje ważną informację. Która wartość atrybutu alt jest najlepsza?alt=""alt="Wykres sprzedaży — zestaw 25"alt="wykres-25.png"alt="obrazek"Poprawna odpowiedź: B. alt="Wykres sprzedaży — zestaw 25"
Tekst alternatywny powinien zwięźle przekazać znaczenie obrazu, a nie tylko jego nazwę pliku.
Ćwicz w trenerze →Poprawna odpowiedź: B. <fieldset></fieldset>
Element <fieldset></fieldset> odpowiada opisowi: semantyczną grupę powiązanych pól formularza.
Ćwicz w trenerze →<fieldset></fieldset>?Poprawna odpowiedź: B. semantyczną grupę powiązanych pól formularza
Ten element tworzy semantyczną grupę powiązanych pól formularza.
Ćwicz w trenerze →To dopiero część pisemna
Roadmapa od zera, 152 arkusze CKE z rozwiązaniami, warsztat, który sprawdza Twój kod krok po kroku, i próbny egzamin na 150 minut. Jedna platforma, płacisz raz.