HTML na egzaminie INF.03
INF.03 · 235 pytań w banku
HTML opisuje strukturę i znaczenie treści strony. W pytaniach INF.03 trzeba rozpoznawać elementy, atrybuty i wynik działania formularza lub tabeli. W zadaniu praktycznym poprawny dokument ułatwia późniejsze stylowanie w CSS oraz obsługę danych w JavaScript lub PHP.
❯ przejdź do pytań INF.03
Szkielet dokumentu
Dokument zaczyna się od deklaracji <!doctype html>. Element html może mieć atrybut lang="pl", w head umieszcza się między innymi meta charset="utf-8", ustawienie viewport, tytuł strony i odwołanie do arkusza CSS. Widoczna treść znajduje się w body.
Nagłówki h1-h6 tworzą hierarchię, dlatego dobiera się je według poziomu treści, a nie rozmiaru liter. main obejmuje główną zawartość dokumentu. header, nav, article, section, aside i footer opisują rolę fragmentu, dzięki czemu kod jest czytelniejszy dla przeglądarki, wyszukiwarki i technologii asystujących.
Semantyka nie jest ustawieniem display
Element semantyczny mówi, czym jest treść. Właściwość CSS display mówi, jak powstaje pudełko w układzie strony. To dwa różne zagadnienia. article może otrzymać display: grid, a span może zostać ustawiony jako display: block, lecz nie zmienia to znaczenia tych elementów w HTML.
Przycisk zapisuje się jako button, odsyłacz jako a z atrybutem href, a dane tabelaryczne jako table. Sam wygląd nadany klasą CSS nie zastępuje właściwego elementu. Poprawna semantyka zapewnia też zachowania klawiatury i informacje odczytywane przez czytniki ekranu, których zwykły div nie ma automatycznie.
Formularze, obrazy i tabele
Etykietę łączy się z polem przez zgodne wartości for i id, na przykład label for="email" oraz input id="email". Atrybut name wskazuje nazwę parametru wysyłanego do serwera, value jego wartość, required wymagalność, a type="email" uruchamia wbudowaną kontrolę formatu adresu.
GET umieszcza parametry w adresie i pasuje między innymi do wyszukiwania. POST przesyła je w treści żądania i jest używany przy operacjach zmieniających dane. Sam wybór POST nie szyfruje danych i nie zastępuje walidacji po stronie serwera. Grupę pól można opisać przez fieldset z elementem legend.
Atrybut alt przekazuje tekstową alternatywę obrazu. Powinien opisywać informację, którą niesie grafika, a przy obrazie czysto dekoracyjnym może być pusty. title jest tylko dodatkową podpowiedzią i nie zastępuje alt. Odsyłacz potrzebuje zrozumiałej treści, nie samego zwrotu "kliknij tutaj".
W tabeli tr tworzy wiersz, th komórkę nagłówkową, a td komórkę danych. caption opisuje całą tabelę, colspan łączy komórki w kolumnach, a rowspan w wierszach. thead, tbody i tfoot porządkują grupy wierszy. Tabeli używa się do danych, nie do układania całej strony.
Z tym działem powiązano 235 pytań w banku INF.03. Na ekranie Wszystkie pytania wybierz jeden z tagów: html. Możesz wtedy przejrzeć zadania tylko z interesującego Cię obszaru.