Studia informatyka – HTML CSS JS – podstawy

Zestaw materiałów edukacyjnych dotyczących podstaw HTML, CSS i JavaScript, przeznaczony dla studentów informatyki.

SunnyKoala931·30 fiszki·24 pytania
studiacomputer_scienceweb
0
Umiem
1 / 30
0
Uczę się
Przód

HTML

Kliknij, aby odwrócić
Tył

HyperText Markup Language — język znaczników używany do tworzenia stron internetowych.

Kliknij, aby odwrócić
Umiem
Uczę się

Quiz(24 pytania)

Pytanie 1 z 24

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?

A.HyperText Markup Language
B.HyperText Markup List
C.HighText Markup Language
D.HyperText Model Language

2. Co oznacza skrót CSS?

A.Cascading Style Sheets
B.Cascading Style Syntax
C.Computer Style Sheets
D.Creative Style Sheets

3. Który element jest wymagany w dokumencie HTML?

A.<body>
B.<head>
C.<html>
D.<title>

4. Który z poniższych jest selektorem klas w CSS?

A..classname
B.#classname
C.classname
D.classname()

5. Jakie dane przechowuje tag <title>?

A.Tytuł strony w przeglądarke
B.Nagłówek strony
C.Treść formularza
D.Obraz na stronie

6. Co to jest JavaScript?

A.Język skryptowy
B.Język znaczników
C.Język stylów
D.Język programowania

7. Kiedy używamy znaczników semantycznych?

A.Zawsze
B.Tylko w CSS
C.Aby poprawić dostępność
D.Nigdy

8. Co to jest DOM w kontekście JavaScript?

A.Drzewo zawartości
B.Obiekt modelu dokumentu
C.Interaktywność strony
D.Zarządzanie stylem

9. Który z poniższych elementów jest blokowym?

A.<span>
B.<div>
C.<a>
D.<img>

10. Jakie są podstawowe typy danych w JavaScript?

A.String, Array, Object
B.String, Number, Boolean
C.String, Function, Class
D.String, List, Dictionary

11. Jakie znaczenie ma atrybut 'href' w tagu <a>?

A.Określa cel linku
B.Stylizuje link
C.Tworzy formularz
D.Nic nie oznacza

12. Czym jest kaskadowość w CSS?

A.Reguła stylów
B.Zasada stosowania stylów
C.Typ selektora
D.Zasada formatowania

13. Co oznacza skrót SEO?

A.Search Engine Optimization
B.Social Engagement Optimization
C.Structured Element Organization
D.Scripting Event Operator

14. Prawda czy fałsz: JavaScript działa tylko w przeglądarkach.

A.Prawda
B.Fałsz
C.Tylko w niektórych
D.Nie jest pewne

15. Który z poniższych znaczników jest używany do osadzania obrazów?

A.<image>
B.<img>
C.<picture>
D.<photo>

16. Co oznacza 'event' w JavaScript?

A.Zdarzenie w interfejsie
B.Typ danych
C.Styl CSS
D.Funkcja

17. Jakie jest główne przeznaczenie komentarzy w HTML?

A.Dokumentowanie kodu
B.Zarządzanie stylem
C.Wykonywanie skryptów
D.Nic nie robią

18. Jakie są metody deklaracji zmiennych w JavaScript?

A.var, let, const
B.let, declare, const
C.var, define, const
D.let, var, define

19. Czym jest znacznik <form>?

A.Do tworzenia linków
B.Do stylizacji
C.Do wprowadzania danych
D.Do osadzania obrazów

20. Jakie jest główne zastosowanie CSS?

A.Tworzenie treści
B.Formatowanie wyglądu
C.Programowanie logiki
D.Tworzenie baz danych

21. Co to jest atrybut 'alt' w obrazach?

A.Opis obrazu
B.Link do obrazu
C.Wysokość obrazu
D.Szerokość obrazu

22. Które z poniższych jest atrybutem stylu CSS?

A.color
B.length
C.spacing
D.text-align

23. Który z poniższych znaczników jest używany do nagłówków?

A.<h1> do <h6>
B.<header>
C.<title>
D.<paragraph>

24. Który z poniższych jest funkcją w JavaScript?

A.function myFunction()
B.myFunction()
C.myFunction
D.myFunction[]

Stwórz własny zestaw

Wgraj PDF, wklej notatki lub opisz temat – AI wygeneruje fiszki, quizy i więcej w kilka sekund.