Test HTML CSS - Egzaminy24

1. Dany jest element z regułą 'display: inline; width: 200px; height: 200px; padding: 20px; margin: 50px; border: 1px solid black;'. Które z tych właściwości zostaną w pełni zignorowane przez silnik renderujący przeglądarki?

Pytanie 865

Wszystkie właściwości zostaną zignorowane Tylko padding i border Tylko width i height Width, height oraz pionowe (top/bottom) wartości margin i padding

2. Jak uzyskać efekt, w którym tekst nie mieści się w linii i zostaje ucięty z dodaniem wielokropka?

Pytanie 749

text-overflow: ellipsis; oraz overflow: hidden; i white-space: nowrap; text-overflow: clip; overflow: scroll; display: none;

3. Który z poniższych jest prawidłowym kolorem HTML?

Pytanie 230

Apple Bannana Tomato Berry

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

5. Mamy regułę: 'grid-template-columns: min-content 1fr;'. Czym różni się zachowanie kolumny zdefiniowanej jako 'min-content' od kolumny zdefiniowanej jako 'max-content' w sytuacji, gdy wewnątrz znajduje się tylko jeden długi ciąg tekstu (np. jedno słowo wielokrotnie złożone)?

Pytanie 868

min-content dopasuje się do szerokości najdłuższego niepodzielnego słowa/elementu w kolumnie, podczas gdy max-content rozciągnie kolumnę tak, aby cały tekst zmieścił się w jednej linii bez łamania min-content zmniejszy kolumnę do zera, a tekst zostanie ukryty max-content ignoruje marginesy wewnętrzne padding Obie wartości działają identycznie we wszystkich możliwych przypadkach struktur DOM

6. Co oznacza skrót CSS w kontekście tworzenia stron internetowych?

Pytanie 67

a) Creative Style Sheets b) Cascading Style Sheets c) Computer System Software d) Code Structure Standard

7. Projektujesz układ oparty o CSS Grid. Definiujesz kontener: 'display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));'. Co się stanie, gdy szerokość kontenera wzrośnie z 500px do 700px?

Pytanie 848

Kolumny zachowają stałą szerokość 200px, a wolna przestrzeń utworzy margines po prawej stronie Liczba kolumn zwiększy się z 2 do 3, a ich szerokość zostanie rozciągnięta, by zapełnić 700px Szerokość dwóch istniejących kolumn wzrośnie, dopóki nie zmieści się trzecia kolumna o szerokości minimum 200px Układ zmieni się w układ jednokolumnowy z powodu błędu interpretacji minmax

8. W kontenerze Flexbox użyto właściwości justify-content: center;. Co ona powoduje?

Pytanie 773

Wyrównuje elementy do górnej krawędzi Rozciąga elementy na całą wysokość Wyrównuje elementy wzdłuż osi głównej (domyślnie w poziomie) do środka Zmienia kolejność wyświetlania elementów

9. W CSS właściwość font-size: 150%; została nadana elementowi <p>, którego rodzic ma font-size: 20px. Następnie wewnątrz <p> znajduje się <span> z font-size: 2em. Jaka jest obliczona wielkość czcionki dla <span>?

Pytanie 760

30px 40px 60px 45px

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

11. Selektor h1 + p wybierze:

Pytanie 752

Każdy paragraf będący potomkiem h1 Tylko pierwszy paragraf znajdujący się bezpośrednio po dowolnym h1 Wszystkie paragrafy po h1 Paragraf wewnątrz h1

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

Pytanie 66

color color-font color-subtitles font-color

13. W CSS właściwość 'overflow: hidden;' zastosowana na kontenerze:

Pytanie 624

Powoduje wyświetlenie pasków przewijania tylko gdy treść wystaje Ukrywa treść wykraczającą poza obszar kontenera i nie pozwala na jej przewinięcie Automatycznie powiększa kontener, by pomieścić całą treść Zmienia kolor tekstu na taki sam jak tło

14. Co oznacza atrybut 'alt' w tagu <img>, gdy jest pusty (alt="")?

Pytanie 747

Obrazek jest uszkodzony Obrazek jest czysto dekoracyjny i powinien być zignorowany przez czytniki ekranu Obrazek nie ma tytułu Obrazek powinien zostać ukryty

15. Co oznacza skrót RWD w kontekście tworzenia witryn internetowych?

Pytanie 774

Remote Web Design Rapid Web Development Responsive Web Design Real World Data

16. Który z poniższych selektorów (pseudoklas) w specyfikacji CSS Selectors Level 4 NIE podnosi specyficzności (wagi) całego wyrażenia o specyficzność selektorów przekazanych w argumencie (w nawiasie)?

Pytanie 862

:is() :has() :not() :where()

17. Mamy trzy selektory: 1) .header .nav, 2) #main-nav, 3) div.nav.active. Który z nich zostanie zastosowany, jeśli wszystkie odnoszą się do tego samego elementu?

Pytanie 763

Selektor 1 Selektor 2 Selektor 3 Wszystkie mają tę samą wagę

18. Który atrybut w znaczniku <input> pozwala na wyświetlenie wyszarzonego tekstu pomocniczego, który znika po rozpoczęciu pisania?

Pytanie 776

value text placeholder required

19. Która właściwość języka CSS może przyjmować wartości: underline, overline, line-through?

Pytanie 564

text-decoration font-weight text-style font-style

20. Który atrybut elementu określa alternatywny tekst dla obrazu?

Pytanie 91

title alt desc caption

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

22. W CSS, właściwość position: absolute; powoduje, że:

Pytanie 372

element przesuwa się względem całej strony element jest pozycjonowany względem najbliższego przodka z pozycjonowaniem innym niż static element zachowuje pozycję w strumieniu dokumentu element nie może nakładać się na inne

23. Jak w CSS nadać obramowanie?

Pytanie 261

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

24. Do czego służy znacznik <figcaption>?

Pytanie 744

Do oznaczania stopki strony Do tworzenia podpisu pod grafiką lub schematem wewnątrz <figure> Do definiowania nagłówka sekcji Do opisywania tabel

25. Co oznacza skrót HTML?

Pytanie 88

HyperText Machine Language HyperText Markup Language Hyper Transfer Markup Language HighText Markup Language

26. Która wartość atrybutu target w HTML otwiera stronę w nowym oknie lub karcie?

Pytanie 430

_self _parent _blank _top

27. Co to jest CMS (system zarządzania treścią)? Podaj przykład.

Pytanie 79

Język bazodanowy / MySQL System do edycji kodu / Visual Studio Narzędzie do tworzenia i edycji stron bez programowania / WordPress Protokoły sieciowe / HTTP

28. Który element HTML umożliwia osadzanie niezależnego dokumentu w bieżącej stronie

Pytanie 597

29. Przeglądarka przetwarza arkusz stylów i napotyka selektor: 'div.sidebar ul ~ p'. Które elementy zostaną wybrane przez ten selektor?

Pytanie 843

Wszystkie elementy p, które są bezpośrednimi dziećmi elementu ul wewnątrz div.sidebar Wszystkie elementy p, które są rodzeństwem (sibling) elementu ul i występują po nim, wewnątrz tego samego rodzica w div.sidebar Pierwszy element p znajdujący się bezpośrednio po elemencie ul Wszystkie elementy p znajdujące się wewnątrz elementu ul

30. W języku CSS, aby ustalić styl linii obramowania jako linię kreskową („- - -”), należy użyć wartości:

Pytanie 19

dashed dotted groove solid

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

32. W CSS, co oznacza @media (max-width: 600px)?

Pytanie 380

Styl dla drukarek Styl dla ekranów o szerokości mniejszej lub równej 600px Styl tylko dla telefonów Animacja przy przewijaniu

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

34. Który selektor CSS wybiera wszystkie elementy wewnątrz o klasie menu?

Pytanie 95

ul.menu li li > ul.menu ul li.menu .menu > li

35. Co oznacza overflow: hidden w CSS?

Pytanie 612

Zawartość jest przewijana Zawartość wychodzi poza kontener Ukrywa zawartość wychodzącą poza kontener Dodaje marginesy wewnętrzne

36. Element ma nadaną właściwość 'vertical-align: middle;'. Wokół jakiego punktu odniesienia silnik przeglądarki wyrówna ten element w kontekście linii tekstu (Inline Formatting Context)?

Pytanie 878

Względem górnej krawędzi najwyższego elementu w całym rzędzie Względem linii bazowej (baseline) rodzica powiększonej o połowę wysokości małej litery 'x' (x-height) tego rodzica Względem dolnej linii spodu liter z ogonkami (descent line) Dokładnie pośrodku między elementami html a body

37. Co zwróci przeglądarka gdy element ma ustawione hidden w znaczniku <div hidden>

Pytanie 590

Element nie zostanie wyrenderowany ale pozostanie w DOM Element zostanie wyrenderowany ale niewidoczny Element zostanie usunięty z DOM Element będzie widoczny tylko w trybie debug

38. Co oznacza atrybut alt w znaczniku ?

Pytanie 136

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

39. Kaskadowe arkusze stylów tworzy się w celu

Pytanie 14

ułatwienia użytkownikowi nawigacji przyspieszenia wyświetlania grafiki na stronie internetowej definiowania sposobu formatowania elementów strony internetowej uzupełnienia strony internetowej o treści tekstowe

40. W CSS display: flex tworzy:

Pytanie 519

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

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ń