Wprowadzenie do HTML

1. Dokument HTML

Jak pewnie już wiesz, wszystkie strony w internecie składają się ze stron internetowych. Często nazywane są one stronami HTML. Ale co to jest za "stworek"?

Dokument HTML to plik tekstowy, który składa się z tekstu i znaczników. Znaczniki zostały wymyślone już w latach 70-tych ubiegłego wieku, aby ludzie mogli dodawać do dokumentów informacje pomocnicze dla programów przetwarzających te dokumenty.

Znacznik to kluczowe (pomocnicze) słowo, najczęściej w języku angielskim, które ujmuje się w nawiasy ostrokątne (symbole 'większy niż' i 'mniejszy niż'), aby programy nie myliły znaczników ze zwykłymi słowami.

Przykład:

<img>

Dodatkowo znacznik może zawierać różne informacje pomocnicze, które są przydatne programowi przetwarzającemu dokument.

2. Przykład dokumentu HTML

Najpopularniejszym programem do pracy ze znacznikami jest przeglądarka. Wszystko, co widzisz w swojej przeglądarce, to wynik przetwarzania przez nią znaczników dodanych do dokumentu HTML.

Załóżmy, że przeglądarka wyświetla Ci taką stronę:

Manul Manul — drapieżnik z rodziny kotowatych. Wyglądem i wielkością przypomina domowego kota, ale różni się krótszym, masywniejszym tułowiem i łapami, okrągłymi źrenicami, niskimi uszami oraz długim, gęstym futrem.

Oto jak będzie wyglądał jej dokument HTML:

      
<h1>Manul</h1>
<p> Manul — drapieżnik z rodziny kotowatych. Wyglądem i wielkością przypomina 
<a href="#">domowego kota</a>, ale różni się krótszym, masywniejszym tułowiem i 
łapami, okrągłymi źrenicami, niskimi uszami oraz długim, gęstym futrem. </p>
<img src="manul.jpg">
      
    

W tym przykładzie widzimy tekst i znaczniki: h1, p, a i img. Przeglądarka rozpoznała znaczniki i zamieniła tekst w znacznikach na nagłówek, link, a także dodała obrazek poniżej tekstu. To prawdziwa magia!