<WebWord/>

yt tw fb
Czym jest HTML?
HTML (ang. HyperText Markup Language) – hipertekstowy język znaczników, wykorzystywany do tworzenia dokumentów hipertekstowych. Pozwala opisać strukturę informacji zawartych wewnątrz strony internetowej, nadając znaczenie poszczególnym fragmentom tekstu – formując hiperłącza, akapity, nagłówki, listy – oraz osadza w tekście dokumentu obiekty plikowe np. multimedia bądź elementy baz danych np. interaktywne formularze danych.
Znaczniki
instrukcja formatująca, informuje przeglądarkę jak ma przekształcić tekst w stronę WWW. Jeśli z dokumentu html usuniemy znaczniki i doctype to zostanie sam tekst.

Przeczytaj więcej o innych pojęciach związanych z HTML oraz CSS w słowniczku
Wyróżniamy dwa rodzaje zanczników:
  • Kontenerowe:
    <znacznik> </znacznik>
  • Pojedyncze:
    <znacznik/>
Budowa pustego dokumentu:
Każdy dokument html składa sie z 3 podstawowych bloków: html, head, body.
Znaczniki <body>...</body> określa pewne informacje na temat strony jako całości. Stanowi ono właściwą treść, czyli tzw. ciało, w którym zawierają się wszystkie inne znaczniki, dotyczące formatowania, a także zwykły tekst. W jednym dokumencie może się znajdować tylko jeden znacznik <body> - zaraz po nagłówku strony <head>...</head>.

<html> <head></head> <body></body> </html>
Zasady pracy z językiem:
  • nie zagnieżdżaj znaczników - jako pierwszy zamknij najnowszy znacznik
  • zawsze zamykaj znaczniki, aby uniknąć błędów w późniejszych etapach
  • zapisuj nazwy znaczników i atrybutów zawsze z małej litery
  • używaj cudzysłowów dla wszystkich atrybutów (np. "UTF-8")
  • uważaj ze znakami specjalnymi - lepiej użyć encji
Czym są encje?
Znaki specjalne HTML (inne nazwy które można spotkać to Encje HTML lub Odwołania znakowe SGML) są używane najczęściej do reprezentacji znaków które mają specjalne znaczenie dla języka HTML (tzn. &, <, >, " i '). Poza tym są one często używane aby wstawić do dokumentu HTML znaki których normalnie nie można użyć (ponieważ używany zestaw znaków, np. ISO-8859-2, na to nie pozwala), lub też dany znak jest trudny do wpisania (tzn. nie ma go na klawiaturze).

Przykłady:

< →
&lt;

† →
&dagger;

€ →
&euro;

♥ →
&hearts;

√ →
&radic;

∆ →
&#8710;

卐 →
&#21328;