Test HTML CSS - Egzaminy24

1. Które definicje znacznika input języka HTML zastosowano do wygenerowania przedstawionego na ilustracji zestawu kontrolek formularza (w kodzie podano jedynie znaczniki input, pomijając inne ewentualne znaczniki)?

Pytanie 577

Kod 4. Kod 3. Kod 2. Kod 1.

2. Która właściwość odpowiada za wyrównanie tekstu?

Pytanie 267

text-align align-text font-align align-font

3. Element <div> ma nadane: width: 200px; padding: 10px; border: 5px solid black; box-sizing: content-box;. Jaka jest jego całkowita szerokość w rzutni?

Pytanie 730

200px 215px 230px 185px

4. W języku CSS poniższy zapis oznacza, że: body { background-color: lightblue color: white text-align: center font-size: 20px } oznacza:

Pytanie 444

tekst na stronie jest w kolorze białym i wyświetlany jest z prawej strony. czcionka jest wielkości 20 pixeli, a kolor tła jest biały. zapis ten tyczy się sekcji body. tekst na stronie jest wyświetlany w kolorze białym i ma wielkość 200 pixeli.

5. W języku CSS selektor .menu ul li oznacza:

Pytanie 347

wszystkie elementy w dokumencie wszystkie elementy o klasie "menu" wszystkie elementy znajdujące się w wewnątrz elementu o klasie "menu" element w liście

6. Co oznacza position: absolute w CSS?

Pytanie 394

Element jest wyjmowany z przepływu dokumentu i pozycjonowany względem najbliższego rodzica z position ≠ static Element jest przyklejony do ekranu Element jest niewidoczny Element jest wyśrodkowany

7. Mamy regułę CSS: 'content-visibility: auto;'. Jaki bezpośredni zysk wydajnościowy niesie ta nowoczesna właściwość wprowadzona do optymalizacji renderowania dużych dokumentów DOM?

Pytanie 879

Automatycznie konwertuje kod CSS do formatu binarnego skracając czas pobierania zasobów sieciowych Wymusza ładowanie obrazów przed tekstem strony internetowej Zezwala przeglądarce na całkowite pominięcie operacji renderowania (zarówno layoutu, jak i rysowania paint) dla elementów znajdujących się poza ekranem, drastycznie przyspieszając początkowe ładowanie strony Zmienia kolory witryny na tryb ciemny w zależności od preferencji systemowych użytkownika

8. Co oznacza właściwość overflow w CSS?

Pytanie 283

Określa sposób wyświetlania tekstu w przypadku jego przeciążenia Określa ilość elementów, które mogą znajdować się w danym kontenerze Określa sposób, w jaki zawartość elementu jest wyświetlana, gdy przekroczy jego rozmiar Określa, czy zawartość elementu powinna być przewijana

9. Jaki język programowania jest wykonywany po stronie klienta w przeglądarce internetowej?

Pytanie 77

PHP SQL JavaScript ASP.NET

10. 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

11. 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

12. Co oznacza skrót HTML?

Pytanie 32

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

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

Pytanie 69

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

14. Jak działa minmax() w CSS Grid?

Pytanie 618

Określa minimalną i maksymalną wartość dla wiersza lub kolumny Tworzy maksymalną szerokość elementu Ukrywa kolumny przekraczające rozmiar Ustawia odstępy między elementami

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

Pytanie 753

Metodę przesyłania danych (GET/POST) Adres URL, pod który zostaną wysłane dane z formularza Typ kodowania znaków Wymagane pola do wypełnienia

16. Co oznacza w CSS właściwość color?

Pytanie 30

Kolor tła Kolor tekstu Kolor obramowania Kolor przycisku

17. Który zapis CSS ustawi element na stałe przyklejony do górnej krawędzi ekranu podczas przewijania?

Pytanie 72

position: absolute; top: 0; position: fixed; top: 0; position: sticky; position: relative;

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

Pytanie 591

19. O przedstawionej definicji pola input można powiedzieć, że

Pytanie 567

umożliwia wpisywanie tylko wartości liczbowych wyświetla wprowadzone do niego znaki ma wpisany domyślny tekst "pole" ukrywa wprowadzone do niego znaki

20. 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

21. Zastosowano zapis: grid-template-columns: 100px 1fr 2fr;. Jeśli kontener ma 400px szerokości, jaką szerokość będzie miała kolumna '1fr'?

Pytanie 734

100px 150px 200px 300px

22. Jakie znaczenie ma atrybut async w <script> w HTML?

Pytanie 606

Skrypt wykonuje się po załadowaniu całej strony Skrypt wykonuje się równolegle z parsowaniem HTML Skrypt jest blokowany do czasu wczytania CSS Skrypt wykonuje się po kliknięciu użytkownika

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

Pytanie 174

.menu #menu menu @menu

24. W CSS zdefiniowano: p { color: blue; } oraz div &gt p { color: red; }. Jaki kolor będzie miał paragraf w strukturze: <div><article><p>Tekst</p></article></div>?

Pytanie 620

Czerwony Niebieski Czarny Przezroczysty

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

Pytanie 374

.box #box box div.box

26. Co robi właściwość justify-content w Flexbox?

Pytanie 614

Ustawia wyrównanie elementów wzdłuż osi głównej Ustawia wyrównanie elementów wzdłuż osi poprzecznej Tworzy odstępy między wierszami Ukrywa elementy poza kontenerem

27. Która właściwość CSS pozwala na zachowanie proporcji elementu (np. 16/9) bez konieczności ręcznego obliczania wysokości względem szerokości?

Pytanie 762

ratio-box aspect-ratio box-proportion image-orientation

28. Jak zresetować domyślne punktory listy <ul>, aby całkowicie je usunąć?

Pytanie 629

list-style: none; text-decoration: none; marker: hidden; bullet: zero;

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

Pytanie 68

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

30. 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

31. 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;

32. Jakie jest przeznaczenie znacznika <address> w HTML5?

Pytanie 623

Służy do oznaczania dowolnego adresu fizycznego w tekście (np. siedziby firmy) Służy do podania informacji kontaktowych do autora lub właściciela dokumentu/artykułu Służy do integracji z Mapami Google Jest to kontener dla pól formularza typu 'email'

33. Która właściwość CSS pozwala na płynne przejście między stanami elementu (np. zmianę koloru tła po najechaniu myszką)?

Pytanie 622

animation transform transition display

34. 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

35. Który atrybut HTML służy do nadania elementowi identyfikatora?

Pytanie 425

name class id type

36. W języku HTML5, który znacznik jest najbardziej odpowiedni do zgrupowania bocznych treści, takich jak paski boczne, reklamy czy cytaty, które są luźno powiązane z główną treścią?

Pytanie 771

37. Który protokół jest używany do przesyłania stron internetowych?

Pytanie 83

FTP HTTP/HTTPS SMTP TCP/IP

38. W języku CSS, które z podanych odpowiedzi może zostać użyte do wyśrodkowania elementu div?

Pytanie 78

text-align: center; margin-inline: auto; position: center; margin-inline: center;

39. Jakie rozszerzenie ma zwykle plik stylów CSS?

Pytanie 28

.html .js .css .php

40. Jak w CSS ustawić element na środku ekranu (pionowo i poziomo)?

Pytanie 232

align: center; display: block; center: true; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); float: center;

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ń