4
Jeśli zastanawiasz się, czym jest HTML, mamy dla Ciebie odpowiedź. Termin ten często pojawia się w kontekście projektowania stron internetowych.
Czym jest HTML: język znaczników służący do strukturyzacji stron internetowych
Termin „HTML” oznacza „Hypertext Markup Language”, czyli „język znaczników hipertekstowych”. Jest to format, w którym pisane są strony internetowe.
- W pliku HTML twórca strony internetowej zapisuje tekst strony. Plik HTML pozwala na strukturyzację i formatowanie tekstu (np. rozmiar i rodzaj czcionki). Ponadto za pomocą HTML można umieszczać linki do innych stron internetowych lub uzupełniać tekst obrazami, filmami lub dźwiękami w tle.
- Przeglądarki takie jak Chrome, Firefox, Safari lub Internet Explorer odczytują plik HTML w ułamku sekundy, a następnie wyświetlają go graficznie.
- Z reguły pliki HTML nie są już tworzone samodzielnie. Operatorzy stron internetowych nie muszą wykonywać tej pracy dzięki graficznemu interfejsowi użytkownika – odbywa się to na przykład za pomocą systemów zarządzania treścią, takich jak WordPress lub Typo3.
- Wskazówka: kliknij prawym przyciskiem myszy w dowolnym miejscu na tej stronie internetowej i wybierz opcję „Zapisz jako” lub „Zapisz stronę jako”. Następnie można pobrać plik HTML tej strony internetowej i wyświetlić czysty kod w edytorze. Oprócz poszczególnych słów można znaleźć polecenia dotyczące linków lub obrazów.
Współdziałanie z CSS i JavaScript
Wcześniej strony internetowe były w całości programowane w HTML. Ze względu na rosnącą dynamikę wielu stron internetowych, w nowoczesnym projektowaniu stron internetowych dodatkowo przyjęło się stosowanie CSS, które różni się od HTML.
- Dlatego HTML służy już tylko do strukturyzowania strony internetowej. Na przykład określa się, czy tekst ma być wyświetlany jako nagłówek, czy jako tekst ciągły.
- W powiązanym pliku CSS definiuje się następnie format takiego fragmentu tekstu. CSS (Cascading Style Sheets) odpowiada za projekt: kolory, odstępy, układy lub czcionki.
- JavaScript wprowadza interaktywność: animacje, formularze lub dynamiczne treści.
- HTML, CSS i JavaScript tworzą razem „magiczny trójkąt” nowoczesnego projektowania stron internetowych. HTML jest zawsze fundamentem, na którym opiera się wszystko inne.
Struktura dokumentu HTML, tagi i atrybuty
Dokument HTML ma jasną strukturę. Składa się z dwóch głównych części: nagłówka (
) i treści ().- W sekcji nagłówkowej znajdują się informacje, które nie są bezpośrednio widoczne na stronie internetowej, takie jak tytuł, metadane lub odniesienia do zewnętrznych plików CSS i JavaScript.
- W sekcji body znajduje się właściwa treść: teksty, obrazy, nagłówki, listy lub linki.
- HTML wykorzystuje tzw. tagi (zwane również „elementami”). Tagi są zapisywane w nawiasach ostrych, na przykład
dla akapitu lub dla linku. Najczęściej występują one jako tag początkowy i końcowy, które otaczają daną treść.
- Dodatkowo tagi mogą zawierać atrybuty, które dostarczają dodatkowych informacji. Na przykład atrybut href w linku określa, dokąd prowadzi ten link.
