HTML | Quizlet

Wymień kilka znaczników semantycznych w HTML i opisz ich zastosowanie.

<header> - nagłówek strony lub sekcji

<nav> - nawigacja strony

<main> - główna treść dokumentu

<section> - sekcja dokumentu

<article> - niezależna treść, np. wpis na blogu

<aside> - treść dodatkowa, np. sidebar

<footer> - stopka strony lub sekcji

Wymień kilka globalnych atrybutów w HTML.

class - określa klasę elementu, używana do stylowania lub manipulacji przez JavaScript

id - unikalny identyfikator elementu

style - pozwala na dodanie stylów CSS bezpośrednio do elementu

title - dodatkowa informacja wyświetlana jako tooltip

Jakie są podstawowe elementy formularza w HTML?

<form> - kontener dla formularza

<input> - pole wprowadzania danych (tekst, hasło, checkbox, radio, itp.)

<textarea> - wieloliniowe pole tekstowe

<select> - lista rozwijana

<button> - przycisk

<label> - etykieta dla elementu formularza

Jakie znaczniki służą do osadzania multimediów w HTML?

<img> - obrazek

<audio> - plik dźwiękowy

<video> - plik wideo

<iframe> - osadzenie innej strony internetowej lub treści

Jakie są rodzaje list w HTML i jak je tworzyć?

Lista nieuporządkowana (

)

Lista uporządkowana (

)

Lista definicji (

)

Jak stworzyć tabelę w HTML?

Jak stworzyć link w HTML?

Do czego służą meta tagi w HTML?

Meta tagi dostarczają metadane o stronie, takie jak:

- określa kodowanie znaków

- opis strony dla wyszukiwarek

- słowa kluczowe

- autor strony

- dostosowanie do urządzeń mobilnych

Wymień kilka API dostępnych w HTML5.

Geolocation API - dostęp do lokalizacji użytkownika

Web Storage API - przechowywanie danych lokalnie (localStorage, sessionStorage)

Canvas API - rysowanie grafiki 2D

Web Workers - wykonywanie skryptów w tle

Drag and Drop API - obsługa przeciągania i upuszczania elementów

Czym się różni <span> od <div>?

- <div> jest elementem blokowym, co oznacza, że zajmuje całą dostępną szerokość i domyślnie zaczyna się w nowej linii. Używany jest do grupowania większych sekcji treści.

- <span> jest elementem liniowym, co oznacza, że zajmuje tylko tyle miejsca, ile potrzebuje, i nie powoduje przejścia do nowej linii. Używany jest do stylowania lub grupowania małych fragmentów tekstu lub elementów w linii.

Czym się różnią atrybuty defer i async w znaczniku <script>?

async - skrypt jest pobierany asynchronicznie, a gdy tylko zostanie załadowany, natychmiast jest wykonywany (może to przerwać parsowanie HTML).

defer - skrypt jest pobierany asynchronicznie, ale wykonywany dopiero po zakończeniu parsowania całego dokumentu HTML.

Brak atrybutów - skrypt jest pobierany i wykonywany synchronicznie, co blokuje parsowanie HTML.

Różnica między <strong> a <b>

<strong> - oznacza tekst jako ważny lub znaczący, zarówno semantycznie, jak i wizualnie (domyślnie pogrubiony).Przeglądarki i czytniki ekranowe interpretują go jako tekst, który ma większe znaczenie.

<b> - tylko wizualnie pogrubia tekst, bez nadawania mu dodatkowego znaczenia semantycznego.

Czym się różni <em> od <i>?

<em> - oznacza tekst jako podkreślony semantycznie (np. dla nacisku), domyślnie wyświetlany kursywą.

<i> - tylko wizualnie wyświetla tekst kursywą, bez nadawania mu dodatkowego znaczenia semantycznego.

Do czego służy atrybut alt w znaczniku <img>?

Atrybut alt dostarcza alternatywny tekst dla obrazka, który jest wyświetlany, gdy obrazek nie może zostać załadowany. Jest również używany przez czytniki ekranowe dla osób niewidomych oraz pomaga w SEO.

Czym się różni <ul> od <ol>?

<ul> (unordered list) - tworzy listę nieuporządkowaną, gdzie elementy są oznaczane punktami.

<ol> (ordered list) - tworzy listę uporządkowaną, gdzie elementy są numerowane.

Znacznik <figure> i <figcaption>

<figure> - używany do grupowania treści, takich jak obrazy, diagramy, kody itp.

<figcaption> - dodaje podpis do treści wewnątrz <figure>

Atrybut target w znaczniku <a>

_blank - otwiera link w nowej karcie/oknie.

_self - otwiera link w bieżącej karcie/oknie (domyślnie).

_parent - otwiera link w ramce nadrzędnej.

_top - otwiera link w pełnym oknie przeglądarki, ignorując ramki.

Do czego służy znacznik <iframe>?

Do czego służy atrybut required w formularzach?

Atrybut required oznacza, że pole formularza musi zostać wypełnione przed wysłaniem formularza. Jeśli pole jest puste, przeglądarka wyświetli komunikat o błędzie.

Do czego służy element <canvas> w HTML?

Element służy do dynamicznego renderowania grafiki 2D (np. wykresów, animacji, gier) za pomocą JavaScriptu. Jest to prostokątny obszar na stronie, na którym można rysować kształty, tekst, obrazy i inne elementy.

Jak działa <canvas>?

Jakie są podstawowe metody do rysowania na <canvas>?

Jak stworzyć prostą animację na <canvas>?

Animację można stworzyć, regularnie aktualizując zawartość canvasu za pomocą funkcji requestAnimationFrame.

Do czego można wykorzystać <canvas>?

Gry: Tworzenie prostych gier 2D.

Wykresy: Dynamiczne generowanie wykresów (np. słupkowych, kołowych).

Animacje: Tworzenie interaktywnych animacji.

Edycja obrazów: Manipulowanie pikselami, np. filtry, efekty.

Wizualizacje danych: Prezentowanie danych w formie graficznej.

Czym się różni <canvas> od <svg>?

<canvas>:

Typ: Bitmapa (opiera się na pikselach).

Interakcja: Wymaga JavaScriptu do manipulacji.

Wydajność: Lepsza dla złożonych animacji i gier.

Skalowanie: Traci jakość przy powiększaniu.

<svg>:

Typ: Grafika wektorowa (opiera się na kształtach).

Interakcja: Można manipulować bezpośrednio przez CSS i JavaScript.

Wydajność: Lepsza dla statycznych lub prostych animacji.

Skalowanie: Zachowuje jakość przy powiększaniu.