Lekcja 1.1: Czym jest HTML?
Definicja HTML
HTML (HyperText Markup Language) to język znaczników używany do tworzenia stron internetowych. Jest to podstawowy budulec stron WWW, który definiuje strukturę i zawartość strony internetowej. HTML nie jest językiem programowania, lecz językiem znaczników, co oznacza, że używa specjalnych znaczników do opisania struktury treści.
Każda strona internetowa, którą odwiedzasz w przeglądarce, jest zbudowana przy użyciu HTML, nawet jeśli zawiera również inne technologie, takie jak CSS (do stylizacji) czy JavaScript (do interaktywności).
Historia HTML
HTML został stworzony przez Tima Bernersa-Lee w 1990 roku jako część projektu World Wide Web. Od tego czasu przeszedł wiele zmian i ewolucji:
- HTML 1.0 (1991) - Pierwsza wersja HTML, bardzo prosta i podstawowa.
- HTML 2.0 (1995) - Wprowadzenie formularzy i tabel.
- HTML 3.2 (1997) - Dodanie wsparcia dla skryptów i stylów.
- HTML 4.01 (1999) - Wprowadzenie ramek, arkuszy stylów i skryptów.
- XHTML (2000) - Bardziej rygorystyczna wersja HTML oparta na XML.
- HTML5 (2014) - Obecny standard z nowymi elementami semantycznymi, wsparciem dla multimediów i aplikacji webowych.
Jak działa HTML?
HTML działa na zasadzie znaczników (tagów), które definiują różne elementy strony. Znaczniki są umieszczane w nawiasach ostrych, np. <p> oznacza początek paragrafu, a </p> jego koniec. Wszystko, co znajduje się między tymi znacznikami, jest traktowane jako treść paragrafu.
Przeglądarka internetowa odczytuje dokument HTML i interpretuje znaczniki, aby wyświetlić stronę internetową użytkownikowi. Nie widzi on samych znaczników, lecz efekt ich działania - sformatowany tekst, obrazy, linki itp.
Podstawowa struktura dokumentu HTML
Każdy dokument HTML powinien zawierać następującą podstawową strukturę:
<!DOCTYPE html>
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
Treść strony
</body>
</html>Gdzie:
<!DOCTYPE html>- Deklaracja typu dokumentu, informująca przeglądarkę, że dokument jest napisany w HTML5.<html>- Element główny, zawierający cały dokument HTML.<head>- Sekcja nagłówkowa, zawierająca metadane, tytuł strony, linki do arkuszy stylów itp.<title>- Tytuł strony, wyświetlany na karcie przeglądarki.<body>- Sekcja zawierająca właściwą treść strony, widoczną dla użytkownika.
Dlaczego warto uczyć się HTML?
HTML jest fundamentalną technologią dla każdego, kto chce tworzyć strony internetowe. Oto kilka powodów, dla których warto się go nauczyć:
- Jest to podstawa tworzenia stron internetowych - bez HTML nie ma strony WWW.
- Jest stosunkowo łatwy do nauczenia się, nawet dla osób bez doświadczenia w programowaniu.
- Stanowi fundament dla innych technologii webowych, takich jak CSS i JavaScript.
- Umiejętność tworzenia i edytowania HTML jest przydatna w wielu zawodach, nie tylko dla programistów.
- Daje możliwość tworzenia własnych stron internetowych bez konieczności korzystania z gotowych szablonów.
Zadanie praktyczne
Spróbuj utworzyć swój pierwszy dokument HTML. Otwórz dowolny edytor tekstu (np. Notatnik, Visual Studio Code, Sublime Text) i wpisz poniższy kod:
<!DOCTYPE html>
<html>
<head>
<title>Moja pierwsza strona</title>
</head>
<body>
<h1>Witaj świecie!</h1>
<p>To jest moja pierwsza strona HTML.</p>
</body>
</html>Zapisz plik z rozszerzeniem .html (np. "pierwsza_strona.html") i otwórz go w przeglądarce internetowej. Powinieneś zobaczyć stronę z nagłówkiem "Witaj świecie!" i tekstem "To jest moja pierwsza strona HTML."
Dodatkowe zadania do samodzielnego wykonania:
- Dodaj do swojej strony drugi paragraf tekstu.
- Dodaj nagłówek drugiego poziomu (h2) z tekstem "O mnie".
- Spróbuj dodać listę wypunktowaną z trzema Twoimi zainteresowaniami.
Najczęściej zadawane pytania
Co to jest HTML?
HTML (HyperText Markup Language) to język znaczników używany do tworzenia stron internetowych. Definiuje strukturę i zawartość strony poprzez system znaczników, które opisują różne elementy, takie jak nagłówki, paragrafy, obrazy czy linki.
Czy HTML jest językiem programowania?
Nie, HTML nie jest językiem programowania, lecz językiem znaczników. Nie zawiera logiki programistycznej, a jedynie opisuje strukturę i zawartość dokumentu za pomocą znaczników, które są interpretowane przez przeglądarkę.
Jakie narzędzia są potrzebne do pisania kodu HTML?
Do pisania kodu HTML wystarczy prosty edytor tekstu, taki jak Notatnik (Windows), TextEdit (Mac) czy gedit (Linux). Bardziej zaawansowane edytory kodu, jak Visual Studio Code, Sublime Text czy Atom, oferują dodatkowe funkcje ułatwiające pracę.
Czym różni się HTML5 od wcześniejszych wersji?
HTML5 wprowadza nowe elementy semantyczne (np. header, footer, nav), natywne wsparcie dla multimediów (audio, video), nowe typy formularzy, API dla aplikacji webowych oraz lepszą obsługę urządzeń mobilnych.
Czy sam HTML wystarczy do stworzenia nowoczesnej strony?
Sam HTML definiuje tylko strukturę i zawartość strony. Do stworzenia nowoczesnej, atrakcyjnej wizualnie strony potrzebny jest również CSS (do stylizacji) oraz często JavaScript (do interaktywności i dynamicznych funkcji).