Test HTML CSS - Egzaminy24

1. W języku HTML informacje dotyczące autora, streszczenia i słów kluczowych strony należy umieścić

Pytanie 495

pomiędzy znacznikami <head> i </head>, w znaczniku <body> pomiędzy znacznikami <body> i </body>, w znaczniku <head> pomiędzy znacznikami <body> i </body>, w znaczniku <meta> pomiędzy znacznikami <head> i </head>, w znaczniku <meta>

2. W języku CSS selektor p.intro oznacza:

Pytanie 441

wszystkie akapity akapit o identyfikatorze intro wszystkie akapity o klasie intro pierwszy akapit na stronie

3. Właściwość 'pointer-events: none;' sprawia, że:

Pytanie 757

Kursor myszy zmienia się w rączkę Element staje się 'przezroczysty' dla kliknięć myszką Nie można kopiować tekstu z elementu Element zostaje zablokowany do edycji

4. Który zapis w CSS poprawnie wybiera każdy element <a>, którego atrybut 'href' kończy się rozszerzeniem '.pdf'?

Pytanie 759

a[href='.pdf'] a[href^='.pdf'] a[href$='.pdf'] a[href*='.pdf']

5. Do czego służy atrybut 'srcset' stosowany w znaczniku <img> w nowoczesnym HTML5?

Pytanie 851

Do definiowania ścieżek do alternatywnych formatów wideo Do wskazania kilku różnych plików graficznych wraz z ich szerokościami lub gęstościami pikseli, umożliwiając przeglądarce wybór optymalnego obrazu responsywnego Do tworzenia animowanych galerii obrazów bez użycia JavaScriptu Do wymuszenia pobierania obrazu w trybie asynchronicznym

6. Co oznacza atrybut rel noopener w linku <a>

Pytanie 596

Zapobiega dostępowi nowej strony do obiektu window opener Automatycznie zamyka nowe okno po załadowaniu Blokuje przekierowania HTTP Zmienia styl linku

7. Co kontroluje właściwość "opacity"?

Pytanie 271

Rozmiar elementu Wyrównanie elementu Przezroczystość elementu Kolor elementu

8. W jaki sposób za pomocą czystego CSS (bez JS) można sprawić, by przewijanie strony do kotwic (<a href="#sekcja">) było płynne?

Pytanie 769

transition: scroll 1s; behavior: smooth; scroll-behavior: smooth; scrolling: animate;

9. Który atrybut znacznika <input> pozwala na zdefiniowanie wzorca wyrażenia regularnego, który musi zostać spełniony przy walidacji formularza?

Pytanie 735

validate regex pattern mask

10. Jakim selektorem CSS wybierzemy element o identyfikatorze „menu”?

Pytanie 174

.menu #menu menu @menu

11. Deweloper używa jednostki 'ch' w CSS (np. 'width: 40ch;'). Co dokładnie określa ta jednostka i od czego zależy jej rzeczywista wielkość w pikselach?

Pytanie 877

Odpowiada 1% wysokości aktualnego okna przeglądarki (viewportu) Jest równa szerokości znaku zero ('0') w kroju pisma (font-family) i rozmiarze zastosowanym dla danego elementu Jest stałą miarą odpowiadającą dokładnie 14 pikselom Zależy od gęstości pikseli ekranu (współczynnika DPI) i nie ma związku z czcionką

12. Co dokładnie opisuje pojęcie 'Layout Thrashing' w kontekście optymalizacji działania aplikacji webowych i wydajności renderowania (Critical Rendering Path)?

Pytanie 866

Sytuację, gdy arkusze CSS ładują się zbyt wolno w stosunku do kodu HTML Błąd polegający na pętli animacji CSS powodującej zawieszenie karty przeglądarki Serię naprzemiennych operacji zapisu i odczytu właściwości geometrycznych DOM (np. offsetHeight) z poziomu JavaScriptu, zmuszającą przeglądarkę do wielokrotnego, synchronicznego przeliczania układu strony (Reflow) Konflikt specyficzności selektorów uniemożliwiający poprawne zaaplikowanie kaskady

13. W kontenerze Flexbox ustawiono 'flex-wrap: wrap'. Jeden z elementów potomnych ma właściwość 'flex-basis: 100%'. Jak zachowa się ten element w strukturze układu?

Pytanie 854

Zajmie 100% wysokości kontenera, niezależnie od kierunku osi głównej Wymusi złamanie linii i zajmie całą szerokość wiersza (lub kolumny) w osi głównej, działając podobnie do elementu blokowego Zostanie całkowicie usunięty z kontenera z powodu braku miejsca Zmniejszy swoją szerokość do zera, dając pierwszeństwo innym elementom

14. Jaką jednostkę w CSS używa się najczęściej do określania rozmiaru czcionki względnego względem elementu nadrzędnego?

Pytanie 129

px em cm pt

15. Który znacznik HTML jest semantycznie poprawny do oznaczenia głównej zawartości strony

Pytanie 591

16. Kontener Flexbox ma orientację 'flex-direction: row' i zawiera trzy elementy potomne. Łączna suma ich bazowych szerokości (flex-basis) przekracza szerokość rodzica o 100px. Wszystkie potomki mają 'flex-shrink: 1', ale jeden z nich ma dodatkowo zadeklarowaną właściwość 'min-width: 300px'. Jak wpłynie to na proces redukcji rozmiaru (shrinking)?

Pytanie 870

Wszystkie elementy skurczą się proporcjonalnie o taką samą liczbę pikseli Silnik flexbox zignoruje właściwość min-width w fazie kurczenia Element z min-width przestanie się kurczyć w momencie, gdy jego szerokość osiągnie 300px, a pozostały nadmiar 100px (lub jego część) zostanie przerzucony i rozłożony na pozostałe dwa elementy Cały układ flexbox ulegnie awarii i elementy zostaną wyrzucone poza kontener rodzica

17. Pozycjonowanie elementu względem dokumentu to:

Pytanie 142

relative fixed static sticky

18. Atrybut action w znaczniku <form> określa:

Pytanie 120

nazwę formularza sposób przesyłania danych adres, na który wysyłane są dane typ formularza

19. Załóżmy, że element div ma nadane style: 'height: 0; overflow: hidden; transition: height 0.5s ease;'. Po najechaniu myszką (:hover) zmienia styl na 'height: auto;'. Jak zachowa się animacja przejścia w przeglądarce?

Pytanie 852

Element płynnie rozwinie się w czasie 0.5 sekundy Przejście (transition) nie zadziała; element pojawi się natychmiast, ponieważ silniki CSS nie potrafią animować wartości do poziomu 'auto' Element rozwinie się płynnie, ale powrót do 0 będzie natychmiastowy Animacja zadziała tylko w przeglądarkach tekstowych

20. Do czego służy właściwość clip-path w CSS?

Pytanie 609

Przycina element według kształtu Tworzy tło gradientowe Zmienia przezroczystość elementu Dodaje marginesy

21. Jaka jest podstawowa funkcja znacznika <main> wprowadzonego w standardzie HTML5?

Pytanie 856

Służy do tworzenia głównego menu nawigacyjnego witryny Reprezentuje unikalną, główną zawartość dokumentu, która nie powtarza się na innych stronach (w przeciwieństwie do nagłówków czy stopek) Jest kontenerem przeznaczonym wyłącznie do skryptów JavaScript i stylów CSS Odpowiada za wyświetlanie paska bocznego (sidebar) na stronie

22. Zastosowano właściwość 'columns: 3 200px;'. Co to oznacza dla układu tekstu?

Pytanie 767

Tekst zostanie podzielony na dokładnie 3 kolumny o szerokości 200px każda Tekst zostanie podzielony na maksymalnie 3 kolumny, o ile każda będzie miała co najmniej 200px szerokości Tekst będzie miał 200 kolumn o szerokości 3px Powstanie tabela o 3 kolumnach i 200 wierszach

23. Błąd wygenerowany przez walidator HTML może świadczyć o

Pytanie 558

braku zamknięcia znacznika <p>. zamknięciu znacznika <p>, choć wcześniej nie był otwarty. niezgadzającej się liczbie znaczników <p> otwartych i zamkniętych. braku zamknięcia znaczników zagnieżdżonych w znaczniku <p> przed jego zamknięciem.

24. W CSS selektor .menu a:hover oznacza:

Pytanie 438

Wszystkie linki o klasie „menu” Linki znajdujące się w elemencie z klasą „menu”, po najechaniu myszką Wszystkie elementy z klasą „menu” będące linkami Wszystkie linki na stronie

25. Do czego służy element <template> w HTML

Pytanie 595

Przechowuje fragment HTML który nie jest renderowany dopóki nie zostanie użyty w JavaScript Służy do tworzenia formularzy Automatycznie generuje styl CSS Tworzy dynamiczne komponenty bez JavaScript

26. Jak w CSS ustawić czcionkę na „Arial”?

Pytanie 68

text-family: Arial; font: Arial; font-family: Arial; style-font: Arial;

27. Który selektor ma najwyższą specyficzność (wagę)?

Pytanie 731

div#main .content body #main ul li:first-child .wrapper .nav .item

28. Jak uzyskać efekt tekstowy, w którym pierwsza litera każdego akapitu jest znacznie większa (tzw. inicjał)?

Pytanie 627

p::first-letter { font-size: 3em; } p::first-line { font-size: 3em; } p::before { content: 'big'; } p:nth-of-type(1) { font-size: 3em; }

29. Co to jest atrybut id w HTML?

Pytanie 150

Określa klasę elementu Dodaje styl inline Tworzy unikalny identyfikator elementu Wstawia komentarz

30. Który znacznik HTML służy do osadzenia na stronie pliku audio z widocznymi przyciskami sterowania?

Pytanie 779

31. Zapis ten: div { border: 1px solid black; } oznacza:

Pytanie 69

czcionkę pogrubioną o 1px czarne tło czarną ramkę wokół elementu czarną czcionkę

32. Który z poniższych selektorów CSS zmienia tło elementu o klasie box?

Pytanie 374

.box #box box div.box

33. Do czego służy atrybut defer w znaczniku <script> w HTML

Pytanie 589

Opóźnia wykonanie skryptu aż do zakończenia parsowania dokumentu HTML Wykonuje skrypt przed parsowaniem HTML Ładuje skrypt tylko w trybie offline Uniemożliwia wykonanie skryptu

34. Który pseudoelement pozwala na dodanie treści (tekstu lub grafiki) przed zawartością danego elementu za pomocą CSS?

Pytanie 746

::after ::before ::first-child ::content

35. Które z poniższych właściwości CSS służy do zmiany koloru tła elementu?

Pytanie 457

color background-color border-color fill

36. Do czego służy HTML?

Pytanie 80

Stylowanie elementów Dodawania animacji Tworzenie struktury strony Zarządzania bazą danych

37. W CSS position: absolute pozycjonuje element względem:

Pytanie 527

okna przeglądarki najbliższego przodka z position: relative najbliższego przodka z position: relative względem dokumentu HTML

38. Co oznacza skrót HTML?

Pytanie 32

Hyper Transfer Markup Language Hyper Text Markup Language High Text Machine Language Hyperlink Text Management Language

39. Element nadrzędny ma właściwość 'font-size: 20px'. Element potomny ma zdefiniowane: 'font-size: 50%; line-height: 120%;'. Jaka będzie wartość 'line-height' elementu potomnego wyrażona w pikselach?

Pytanie 872

24px 12px 20px 10px

40. Jak w CSS zapisać komentarz?

Pytanie 75

// komentarz /* komentarz */ * komentarz * ! komentarz

Inne
Inne pliki cookie to te, które są analizowane i nie zostały jeszcze przypisane do żadnej z kategorii.
Niezbędne	Niezbędne
Niezbędne pliki cookie są absolutnie niezbędne do prawidłowego funkcjonowania strony. Te pliki cookie zapewniają działanie podstawowych funkcji i zabezpieczeń witryny. Anonimowo.
Reklamowe
Reklamowe pliki cookie są stosowane, by wyświetlać użytkownikom odpowiednie reklamy i kampanie marketingowe. Te pliki śledzą użytkowników na stronach i zbierają informacje w celu dostarczania dostosowanych reklam.
Analityczne
Analityczne pliki cookie są stosowane, by zrozumieć, w jaki sposób odwiedzający wchodzą w interakcję ze stroną internetową. Te pliki pomagają zbierać informacje o wskaźnikach dot. liczby odwiedzających, współczynniku odrzuceń, źródle ruchu itp.
Funkcjonalne
Funkcjonalne pliki cookie wspierają niektóre funkcje tj. udostępnianie zawartości strony w mediach społecznościowych, zbieranie informacji zwrotnych i inne funkcjonalności podmiotów trzecich.
Wydajnościowe
Wydajnościowe pliki cookie pomagają zrozumieć i analizować kluczowe wskaźniki wydajności strony, co pomaga zapewnić lepsze wrażenia dla użytkowników.

Test HTML i CSS – 40 pytań