Wprowadzenie do HTML

HTML jest podstawowym językiem do tworzenia stron internetowych. Wbrew powszechnie panującej opinii nie jest językiem programowania, a jedynie językiem znaczników. Znaczniki są rodzajem opakowań na treści. Dzięki wykorzystaniu znaczników możesz łatwo wpływać na wygląd i zachowanie stron internetowych wyświetlanych w przeglądarkach.

Co to jest HTML?

  • Skrót HTML oznacza Hyper Text Markup Language, czyli hipertekstowy język znaczników
  • HTML jest standardowy językiem znaczników do tworzenia stron internetowych
  • HTML opisuje strukturę strony internetowej
  • HTML składa się z wielu uniwersalnych elementów
  • Elementy HTML informują przeglądarkę, jak wyświetlić zawartość strony
  • Elementy HTML oznaczają fragmenty treści, takie jak „Nagłówek”, „Akapit”, „Link” itp.

Struktura strony HTML

<!DOCTYPE html>
<html>
 <head>
  <title>Tytuł strony</title>
 </head>
 <body>
  <h1>Nagłówek pierwszego stopnia</h1>
  <p>Treść pierwszego akapitu</p>
 </body>
</html>

Dobra rada: Dokument HTML, aby został automatycznie wczytany przez przeglądarkę po wejściu na stronę powinien mieć nazwę index.html

Znaczniki HTML

  • Deklaracja<!DOCTYPE html>określa, że ​​ten dokument jest dokumentem HTML
  • Element<html>jest elementem głównym strony HTML
  • Element<head>zawiera metainformacje o stronie
  • Element<title>określa tytuł strony HTML, który jest wyświetlany na pasku tytułowym w zakładce strony
  • Element<body>definiuje treść dokumentu i jest kontenerem na całą widoczną zawartość, taką jak nagłówki, akapity, obrazy, hiperłącza, tabele, listy itp.
  • Element<h1>definiuje nagłówek pierwszego stopnia
  • Element<p>definiuje akapit
Uwaga! Niektóre elementy HTML nie mają treści, ani znacznika końcowego! (np. element<br>). Elementy te nazywane są elementami pustymi.

Co to jest element HTML?

Element HTML jest definiowany przez znacznik początkowy, część treści i znacznik końcowy:

<nazwa_znacznika> Dowolna treść strony </nazwa_znacznika>

Element HTML to wszystko, od tagu początkowego do tagu końcowego. Więcej dowiesz się w dziale Elementy HTML.

Struktura dokumentu HTML

Dokument HTML jest podzielony na dwie główne części. Sekcja<head> </head>jest to głowa dokumentu i w nim wyświetlany jest między innymi tytuł strony. Sekcja<body> </body> to część wyświetlana w przeglądarce, w niej umieszczamy wszystkie treści dostępne na stronie.

Obrazowa struktura dokumentu HTML
Obrazowa struktura dokumentu HTML

Wyświetlanie w przeglądarkach

Zadaniem przeglądarki internetowej (Chrome, Edge, Firefox, Opera, Safari) jest odczytywanie dokumentów HTML i poprawne ich wyświetlanie. Przeglądarki nie wyświetlają znaczników HTML, używają ich jedynie do określenia sposobu wyświetlania dokumentu.

Przeglądarki internetowe
Przeglądarki internetowe

Wersje HTML

HTML1991
HTML+1993
HTML2.01995
HTML3.21997
HTML4.011999
XHTML1.02000
HTML5Październik 2014

Uwaga! Ten poradnik jest zgodny ze standardem HTML5.

Czy ten poradnik był pomocny?

Swoją przygodę z projektowaniem stron internetowych rozpocząłem z kursem od Komputer Świat wydanym w marcu 2003 roku w formie małej książeczki. Na przestrzeni 20 lat zaprojektowałem niezliczoną ilość witryn i aplikacji internetowych. Projektowałem dla małych i dużych firm takich jak Oriflame, Top Market, Bezpieczna Rodzina czy Helping Hand.


Używamy plików cookie. Jeśli chcesz dowiedzieć się więcej zobacz —