Skip to main contentSkip to footer

Test HTML i CSS – 40 pytań

Rozwiąż 40 pytań z HTML i CSS, poznaj typowe zadania z egzaminu INF.03 i sprawdź, jak dobrze znasz podstawy tworzenia stron internetowych.

1. Selektor h1 + p wybierze:

Pytanie 752

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

3. Co oznacza pojęcie 'FOUC' (Flash of Unstyled Content) w kontekście ładowania stron internetowych i jak mu zapobiegać?

Pytanie 858

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

Pytanie 380

5. W CSS właściwość display: flex; służy do:

Pytanie 184

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

Pytanie 495

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

Pytanie 372

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

Pytanie 430

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

Pytanie 597

10. Właściwość opacity: 0.5; ustawiona na rodzicu spowoduje, że:

Pytanie 736

11. Jak ustawić margines wewnętrzy poziomy za pomocą CSS?

Pytanie 342

12. Który zapis CSS sprawi, że element <div> o szerokości 300px zostanie wyśrodkowany w poziomie wewnątrz swojego rodzica?

Pytanie 770

13. Co robi właściwość justify-content: space-between; w Flexbox?

Pytanie 754

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

Pytanie 95

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

Pytanie 118

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

Pytanie 619

17. Co oznacza pozycjonowanie position: sticky w CSS?

Pytanie 617

18. Która właściwość CSS pozwala wymusić minimalną szerokość elementu?

Pytanie 607

19. Który atrybut HTML określa, że pole formularza musi być wypełnione?

Pytanie 385

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

Pytanie 428

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

Pytanie 283

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

Pytanie 753

23. Jakie będzie działanie selektora CSS: a:hover?

Pytanie 775

24. Która pseudoklasa CSS pozwala na zmianę np: koloru czcionki po najechaniu kursorem na dany obszar?

Pytanie 62

25. Dany jest element z definicją: 'box-sizing: border-box; width: 300px; padding: 20px; border: 5px solid black; margin: 15px;'. Jaka jest całkowita szerokość (width) zajmowana przez sam obszar zawartości (content box) tego elementu podawana w modelu polowym?

Pytanie 842

26. Która wartość 'display' sprawia, że element zachowuje się jak liniowy (nie zaczyna nowej linii), ale pozwala na ustawianie mu szerokości (width) i wysokości (height)?

Pytanie 625

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

Pytanie 441

28. Aby sformatować wszystkie obrazy znajdujące się w akapicie, należy użyć selektora:

Pytanie 419

29. Co oznacza atrybut alt w znaczniku ?

Pytanie 136

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

Pytanie 83

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

Pytanie 776

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

Pytanie 120

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

Pytanie 773

34. Co stanie się z elementem, który posiada właściwość 'position: absolute', jeśli żaden z jego rodziców ani przodków w drzewie DOM nie ma jawnie ustawionej właściwości position innej niż static?

Pytanie 847

35. W jakim celu stosuje się tag <form> w HTML?

Pytanie 24

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

Pytanie 457

37. Jak wymusić, aby komórka tabeli <td> zajmowała 3 wiersze w pionie?

Pytanie 758

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

Pytanie 232

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

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

Pytanie 347

arrow_upward

Preferencje plików cookies

✕

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.