Podstawowe Znaczniki

  • < !doctype html > - określa z jakim typem dokumentów mamy do czynienia. Jest to jeden z dwóch znaczników, który po znaku mniejszości ma wykrzyknik,
  • < html > ... < /html > - między tym znacznikiem umieszczana jest cała treść dokumentu,
  • < head > ... < /head > - zawiera podstawowe informacje o dokumencie, takie jak tytuł, opis, linki do arkuszy stylów i skryptów,
  • < title > ... < /title > - tytuł strony, który pojawia się na pasku przeglądarki oraz w wynikach wyszukiwania. Uznawany za jeden z czynników rankingowych.
  • < meta ... > - znacznik opisujący szczegółowo opisujący zawartość strony. W zależności od użytych argumentów może on zawierać opis strony (description - widoczne pod tytułem w wynikach wyszukiwania), słowa kluczowe (keywords - meta tag uznany za przestarzały, z którego największe wyszukiwarki już nie korzystają), kodowanie dokumentu czy autora strony.
  • < link ... > - element określający relację między dokumentem a zewnętrznym zasobem.
  • < style > ... < /style > - wewnętrzny arkusz stylów.
  • < script > ... < /script > - umożliwia umieszczenie skryptu w kodzie HTML.
  • < body > ... < /body > - znacznik zawierający główną treść dokumentu.
  • < div > ... < /div > - blok wykorzystywany do budowy szkieletu dokumentu.
  • < hx > ... < /hx > - nagłówek określonego przez x stopnia (od 1 do 6).
  • < p > ... < /p > - paragraf tekstu.
  • < img ... > - element graficzny.
  • < a > ... < /a > - odnośnik, link do innej witryny lub zasobu, wewnętrzny lub zewnętrzny.
  • < ul > ... < /ul > - lista nieuporządkowana.
  • < ol > ... < /ol > - lista uporządkowana.
  • < li > ... < /li > - element listy.
  • < table > ... < /table > - tabela.
  • < tr > ... < /tr > - wiersz w tabeli.
  • < td > ... < /td > - komórka, będąca elementem wiersza.
  • < th > ... < /th > - komórka będąca nagłówkiem dla kolumny.
  • < form > ... < /form > - formularz. Wewnątrz tych znaczników umieszcza się elementy takie jak pola tekstowe, etykiety, checkboxy, pola wyboru, przyciski.
  • < strong >...< /strong > - znacznik semantyczny informujący o ważności tekstu.
  • < em > ... < /em > - znacznik semantyczny, wyróżnienie tekstu definiujące emfazę.
  • < span >...< /span > - znacznik liniowy używany głównie do stylowania fragmentu tekstu.
  • < !-- ... -- > - komentarz, niewidoczny dla użytkownika tekst