Studia informatyka – HTML CSS JS – podstawy
Zestaw materiałów edukacyjnych dotyczących podstaw HTML, CSS i JavaScript, przeznaczony dla studentów informatyki.
Quiz(24 pytania)
1. Co oznacza HTML?
Pojęcia w tym zestawie(30)
Podstawy HTML(15)
HTML
HyperText Markup Language — język znaczników używany do tworzenia stron internetowych.
Co to jest tag?
Tag to element HTML otaczający treść, który określa, jak ma być ona przedstawiona.
Struktura dokumentu HTML
Dokument HTML składa się z: <!DOCTYPE>, <html>, <head> i <body>.
Uzupełnij zdanie: HTML używa ___ do formatowania tekstu.
znaczników (tags).
Co to jest atrybut w HTML?
Atrybut to dodatkowa informacja o elemencie HTML, zapisana w tagu otwierającym.
Różnica między <div> a <span>
<div> jest elementem blokowym, <span> jest elementem w linii.
Co to jest formularz w HTML?
To element, który umożliwia użytkownikom wprowadzanie danych, np. <form>.
Prawda czy fałsz: <title> znajduje się w <body>.
Fałsz, ponieważ <title> jest w <head>.
Do czego służy element <a>?
Element <a> tworzy hiperlink, umożliwiający przechodzenie między stronami.
Jakie są podstawowe elementy HTML?
Podstawowe to: <html>, <head>, <title>, <body>.
Co to jest semantyka w HTML?
Semantyka określa znaczenie elementów HTML, co wpływa na SEO i dostępność.
Co to jest <head>?
<head> zawiera metadane, tytuł strony i linki do stylów.
Rola <img> w HTML
Element <img> służy do osadzania obrazów na stronie internetowej.
Prawda czy fałsz: HTML jest językiem programowania.
Fałsz, HTML jest językiem znaczników.
Czym są komentarze w HTML?
Komentarze to fragmenty kodu, które są ignorowane przez przeglądarkę.
Podstawy CSS i JavaScript(15)
CSS
Cascading Style Sheets — język służący do opisywania wyglądu dokumentu HTML.
Kaskadowość w CSS
To zasada, według której style są stosowane w określonej kolejności, od najbardziej szczegółowych do najmniej.
Co to jest selektor w CSS?
Selektor to wzór, który określa, do których elementów mają być stosowane style.
Jakie są typy selektorów CSS?
Typowe selektory to: selektory tagów, klas, identyfikatorów i atrybutów.
Uzupełnij zdanie: CSS umożliwia ___ elementów HTML.
stylizację (formatowanie).
Javascript
Język skryptowy, który umożliwia tworzenie dynamicznych elementów na stronach internetowych.
Prawda czy fałsz: JS działa tylko po stronie serwera.
Fałsz, JavaScript działa głównie po stronie klienta.
Co to jest DOM?
Document Object Model — struktura reprezentująca stronę internetową, umożliwiająca manipulację jej elementami.
Rola funkcji w JavaScript
Funkcje grupują kod, który można wielokrotnie wykorzystywać.
Różnica między var, let, a const
var jest funkcjonalny, let i const block-scoped. const jest stałą.
Czym różni się CSS inline od zewnętrznego?
CSS inline jest stosowany bezpośrednio w tagu, zewnętrzny w oddzielnym pliku.
Co to jest event w JavaScript?
Event to zdarzenie (np. kliknięcie), które wywołuje określoną akcję w skrypcie.
Czym jest konsola w JS?
Konsola to narzędzie do debugowania i testowania kodu JavaScript.
Jakie są podstawowe typy danych w JS?
Typy to: string, number, boolean, object, undefined.
Czym są style w CSS?
Style definiują wygląd elementów, np. kolor, rozmiar czcionki, marginesy.
Pytania w tym zestawie(24)
1. Co oznacza HTML?
2. Co oznacza skrót CSS?
3. Który element jest wymagany w dokumencie HTML?
4. Który z poniższych jest selektorem klas w CSS?
5. Jakie dane przechowuje tag <title>?
6. Co to jest JavaScript?
7. Kiedy używamy znaczników semantycznych?
8. Co to jest DOM w kontekście JavaScript?
9. Który z poniższych elementów jest blokowym?
10. Jakie są podstawowe typy danych w JavaScript?
11. Jakie znaczenie ma atrybut 'href' w tagu <a>?
12. Czym jest kaskadowość w CSS?
13. Co oznacza skrót SEO?
14. Prawda czy fałsz: JavaScript działa tylko w przeglądarkach.
15. Który z poniższych znaczników jest używany do osadzania obrazów?
16. Co oznacza 'event' w JavaScript?
17. Jakie jest główne przeznaczenie komentarzy w HTML?
18. Jakie są metody deklaracji zmiennych w JavaScript?
19. Czym jest znacznik <form>?
20. Jakie jest główne zastosowanie CSS?
21. Co to jest atrybut 'alt' w obrazach?
22. Które z poniższych jest atrybutem stylu CSS?
23. Który z poniższych znaczników jest używany do nagłówków?
24. Który z poniższych jest funkcją w JavaScript?
Stwórz własny zestaw
Wgraj PDF, wklej notatki lub opisz temat – AI wygeneruje fiszki, quizy i więcej w kilka sekund.

