HyperText Markup Language to podstawowy język wykorzystywany do tworzenia stron internetowych. HTML definiuje strukturę treści strony poprzez elementy takie jak nagłówki, paragrafy, linki, obrazy, formularze i inne komponenty. Jest językiem znaczników, co oznacza, że elementy HTML otaczają treść i określają jej funkcję oraz formatowanie.

HTML jest używany głównie w połączeniu z protokołem HTTP (HyperText Transfer Protocol), który umożliwia przesyłanie stron internetowych i innych zasobów przez sieć. Protokół HTTP działa na zasadzie modelu klient-serwer, gdzie klient (np. przeglądarka internetowa) wysyła żądanie HTTP do serwera, a serwer zwraca odpowiedź z odpowiednią stroną HTML lub innym zasobem (np. obrazem, plikiem CSS, JavaScript). HTTP jest bezstanowy, co oznacza, że każde żądanie jest traktowane niezależnie od poprzednich.

Połączenie HTML z HTTP pozwala na tworzenie dynamicznych, interaktywnych stron internetowych, które mogą zawierać multimedia, formularze oraz inne zaawansowane funkcje. Dodatkowo, w wersji HTTPS (HyperText Transfer Protocol Secure), protokół HTTP zapewnia szyfrowanie danych przesyłanych między klientem a serwerem, co zwiększa bezpieczeństwo stron internetowych.

<html>
  <head>
    <title>Moja Strona</title>
  </head>
  <body>
    <h1>Witaj na mojej stronie!</h1>
    <p>To jest przykładowa strona internetowa.</p>
  </body>
</html>

• Język znaczników: HTML wykorzystuje tagi (znaczniki) do określania struktury strony. Przykładowo, tagi takie jak H1, H2 definiują nagłówki, paragrafy definiuje <p> itp.

• Struktura dokumentu:

Dokument HTML składa się z sekcji, takich jak: <html></html>

oznacza początek i koniec dokumentu HTML,

<head></head>

to sekcja, która zawiera informacje o stronie (np. tytuł, metadane),

<body></body>

sekcja zawierająca główną treść strony, która jest widoczna dla użytkownika.

• Atrybuty: Tagi HTML mogą mieć atrybuty, które modyfikują ich zachowanie lub wygląd.

Przykład:

<a href="https://example.com">Tutaj link do strony z przykładami</a>

atrybut a to link natomiast href określa adres URL.

<html>
  <head>
    <title>Moja Strona</title>
  </head>
  <body>
    <h1>Witaj na mojej stronie!</h1>
    <p>To jest przykładowa strona internetowa.</p>
  </body>
</html>

• Nagłówki (<h1> - <h6>): Definiują różne poziomy nagłówków na stronie.
• Paragrafy (<p>): Umożliwiają tworzenie bloków tekstu.
• Linki (<a>): Pozwalają na tworzenie hiperłączy do innych stron.
• Obrazy (<img>): Umożliwiają wstawianie obrazów na stronę.
• Listy (<ul>, <ol>): Tworzenie list uporządkowanych i nieuporządkowanych.

HTML jest podstawą budowy stron internetowych i jest często używany w połączeniu z CSS (Cascading Style Sheets) do stylizacji oraz z JavaScript do dodawania interaktywności.