Test HTML CSS - Egzaminy24

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

2. W którym miejscu HTML można umieścić z kodem JavaScript?

Pytanie 118

Tylko w <head> Tylko w <body> Nigdzie – wymaga osobnego pliku W lub przed <body>

3. W CSS display: flex tworzy:

Pytanie 519

siatkę 2D kontener blokowy elastyczny układ 1-wymiarowy element inline

4. Na podstawie przedstawionego kodu formularza HTML można powiedzieć, że pole edycyjne

Pytanie 563

może być puste. wymaga wpisania jedynie znaków alfanumerycznych. nie może być puste i wymaga wpisania tekstu ze znakiem @. nie powinno zawierać znaków numerycznych.

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

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

7. Który znacznik HTML5 służy do wyświetlenia paska postępu (np. stopień ukończenia zadania)?

Pytanie 737

8. Chcesz uniemożliwić łamanie tekstu wewnątrz elementu p i wymusić wyświetlenie go w jednej linii, nawet jeśli wykroczy poza krawędź rodzica. Którą właściwość CSS zastosujesz?

Pytanie 857

text-align: justify word-break: break-all white-space: nowrap overflow: hidden

9. Która właściwość CSS umożliwia ukrycie elementu tylko wizualnie, ale pozostawia go w układzie strony?

Pytanie 619

display: none visibility: hidden opacity: 0 position: absolute

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

11. Jakie atrybuty mogą być użyte do definiowania szerokości i wysokości obrazka w HTML?

Pytanie 278

width i height size i dimension img_width i img_height scale i resize

12. Który z poniższych selektorów CSS zmienia kolor tekstu dla elementu z identyfikatorem main-header?

Pytanie 378

.main-header #main-header main-header header#main-header

13. Jak w CSS ustawić element, by pozostał widoczny przy przewijaniu strony?

Pytanie 263

position: absolute; position: sticky; position: fixed; display: block;

14. Jak w CSS nadać obramowanie?

Pytanie 261

border: 1px solid black; outline: 1 black; frame: black; line: 1 solid;

15. Która pseudoklasa pozwala na ostylowanie elementu <label> lub kontenera tylko wtedy, gdy znajdujący się wewnątrz niego element <input> jest aktywny (focus)?

Pytanie 768

:focus :active-within :focus-within :has-focus

16. Zastosowano zapis: .box { width: 50vw; margin-left: calc(50% - 25vw); }. Jeśli okno przeglądarki ma 1000px, a rodzic elementu .box ma 800px, jaka będzie wartość marginesu lewego?

Pytanie 761

150px 250px 100px 50px

17. Który atrybut w znaczniku <audio> lub <video> sprawia, że odtwarzacz pojawi się z przyciskami 'Play', 'Głośność' itp.?

Pytanie 628

autoplay enabled controls interface

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

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

20. Jaki atrybut jest używany do wskazania adresu URL w tagu w HTML?

Pytanie 290

href src action link

21. 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; }

22. Do czego służy właściwość CSS 'list-style-type: none;'?

Pytanie 777

Do ukrycia całej listy Do usunięcia domyślnych punktorów (np. kropek) w liście <ul> Do zmiany orientacji listy na poziomą Do podkreślenia elementów listy

23. Aby złamać linię tekstu w kodzie (np. w napisie), używa się znaku:

Pytanie 428

b slash t n

24. Jak ustawić kolor tekstu w CSS?

Pytanie 258

color: #FFFFFF; text-color: red; background-color: blue; font-color: green;

25. Co oznacza atrybut alt w znaczniku ?

Pytanie 136

Tekst alternatywny przy braku obrazu Alternatywny adres obrazka Odnośnik do innego pliku Szerokość obrazka

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

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

Pytanie 629

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

28. Co oznacza właściwość CSS z-index: 100;?

Pytanie 366

Ustawia przezroczystość elementu Określa kolejność nakładania się elementów (warstwy) Definiuje odległość od góry Włącza animację

29. Który parametr zmienia w HTML kolor czcionki?

Pytanie 66

color color-font color-subtitles font-color

30. Jaka właściwość CSS służy do ustawienia przestrzeni między kolumnami w gridzie?

Pytanie 599

grid-gap column-gap gap space-between

31. Co się stanie, jeśli w formularzu użyjesz dwóch przycisków <button> bez określonego atrybutu 'type'?

Pytanie 626

Oba będą działać jak zwykłe przyciski (nie wyślą formularza) Tylko pierwszy wyśle formularz, drugi zostanie zignorowany Oba domyślnie będą działać jako przyciski wysyłające (submit) Przeglądarka wyświetli błąd składni

32. Co oznacza atrybut contenteditable w HTML

Pytanie 598

Element może być edytowany bezpośrednio przez użytkownika w przeglądarce Element jest widoczny tylko w trybie edycji strony Element jest automatycznie zapisywany do bazy danych Element jest ukryty w DOM

33. W języku CSS właściwość float służy do:

Pytanie 361

pozycjonowania elementu w pionie umieszczania elementu po lewej lub prawej stronie kontenera ustawiania tła zmiany rozmiaru czcionki

34. W specyfikacji CSS, czym różni się zachowanie wartości 'will-change: transform;' od bezpośredniego przypisania transformacji np. 'transform: translateZ(0);'?

Pytanie 873

will-change informuje przeglądarkę z wyprzedzeniem o planowanej animacji, pozwalając na optymalizację alokacji zasobów (np. utworzenie nowej warstwy kompozytora) przed rozpoczęciem ruchu, minimalizując ryzyko przeskoków obrazu will-change działa wyłącznie na urządzeniach mobilnych z systemem iOS translateZ(0) usuwa element z drzewa DOM na czas trwania renderowania will-change pobiera dodatkowe zewnętrzne biblioteki JavaScript do obsługi animacji

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

Pytanie 267

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

36. Który element HTML pozwala zdefiniować alternatywne źródła obrazu w zależności od rozdzielczości ekranu

Pytanie 593

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

38. Który z poniższych zapisów koloru jest poprawny dla koloru czarnego z 50% przezroczystością?

Pytanie 741

rgba(0,0,0,50) rgba(0,0,0,0.5) rgb(0,0,0,50%) Obie odpowiedzi B i C są poprawne

39. Jakie jest domyślne zachowanie elementu w CSS?

Pytanie 376

display: block; display: inline; display: none; display: flex;

40. Jaką funkcję pełni alt w znaczniku ?

Pytanie 74

określa pozycję obrazka zawiera tekst alternatywny, gdy obraz się nie załaduje ustawia tytuł obrazka ustawia podpis pod obrazkiem

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ń