HTML

Jest to hipertekstowy język znaczników stosowany do tworzenia stron internetowych.

Język HTML jest używany do tworzenia stron internetowych. W uproszczeniu możemy powiedzieć, że każda strona internetowa jest plikiem HTML, czyli plikiem tekstowym z rozszerzeniem .html i zawierającym treść przeznaczona do wyświetlania na stronie oraz znaczniki opisujące wygląd i działanie tej strony. Za poprawne zinterpretowanie kodu HTML i wyświetlenie zawartości strony internetowej odpowiada przeglądarka.

HTML jest hipertekstowym językiem znaczników. Co to oznacza?

Hipertekst

Organizacja danych polegająca na rozbiciu tekstu na fragmenty i połączeniu ich ze sobą odsyłaczami (hiperlinkami). Najbardziej popularnym i każdemu znanym zastosowaniem tej metody jest sieć WWW, gdzie fragmentami danych są strony internetowe, a odnośnikami - linki przenoszące na inne strony.

Język

Jak każdy inny język tak i HTML posiada swoje słowa kluczowe i składnię, jednak nie zaliczamy go do języków programowania, gdyż brak w nim wyrażeń obliczeniowych czy warunkowych. Możliwe jest natomiast umieszczanie bloków kodu języka skryptowego pomiędzy znacznikami <script> i </script>.

Znaczniki

HTML jest językiem znaczników. Znaczniki pozwalają na umieszczenie w kodzie dodatkowych informacji o wybranym fragmencie strony. Najczęściej są to informacje dotyczące wyglądu danego fragmentu (np. pogrubienie tekstu) lub jego zachowania (np. linkowanie do innej strony).

HTML5 logo

HTML5

Obecnie najpopularniejszy i najszerzej wykorzystywany jest standard HTML w wersji 5.

Zalety HTML5

  • Kompatybilność wsteczna - wszystkie komponenty napisane według poprzedniej wersji standardu współpracują z obecną.
  • Dodatkowe znaczniki, m. in. <header>, <footer>, <article>, <section>.
  • Nowe atrybuty w elementach formularzy (np. required, autocomplete).
  • Nowe elementy graficzne <svg> i <canvas>.
  • Brak przestarzałych elementów.
  • Nowe funkcjonalności w API, m. in. geolokalizacja, local storage.

Przykładowy kod HTML


<!DOCTYPE html>
<html>
  <body>
    <article>
      <header>
        <h1>Vavatech</h1>
        <p>Czym się zajmujemy:</p>
      </header>
      <p>
        Firma Vavatech ukierunkowana jest na tworzenie zaawansowanych 
        systemów opartych na www oraz dostarczania specjalistycznych 
        szkoleń informatycznych.
      </p>
    </article>
  </body>
</html>