Podstawy HTML5

logo html

HTML - Hiper text markup language (hipertekstowy język znaczników) to kod określający strukturę dokumentu, strony internetowej.

Spis treści

HTML to język znaczników, służacy do formatowania tekstu i rozmieszczania elementów na stronie. Określenie język znaczników mówi nam, że składa się on z elementów html typu <html>, <body> czy <ul> Znaczniki odpowiadają za tworzenie struktury strony, np w znaczniku <ul> oznaczającym że w danym miejscu znajduje się lista umieszczamy znaczniki <li> skrót od list item (element listy). Przykładowy kod html: 


<ul>
<li>1. element listy</li>
<li>2. element listy</li>
<li>3. element listy</li>
</ul>

Dlaczego używamy HTML?

Pierwsza wersja html została opublikowana w 1995 roku, a stworzona w 1991. Od tamtego czasu HTML jest najpopularniejszym językiem znaczników, głównie dzięki możliwości tworzenia stron internetowych, bo to jest jego główne użycie. Dziś bez jego znajomości ciężko znaleźć pracę w IT, jest to absolutnie podstawowe narzędzie każdego frontend-owego programisty. Odpowiadając na pytanie, HTML jest bardzo prosty w użyciu, posiada wystarczające możliwości, a jeśli nie możemy czegoś osiągnąć HTML używamy CSS (do wyglądu) i JavaScripta (do tworzenia bardziej zaawansowanych rzeczy).

Skąd czerpać informacje?

Pierwszą wersję HTML stworzył Berners-Lee, zawierała ona 22 znaczniki, jednak teraz jest ich 115, a HTML "opiekuje" się fundacja W3C. Oficjalną specyfikację HTML5 można znaleźć na strone W3Schools. link. Warto również odwiedzić stronę W3Schols z tutorialami z HTML i wielu innych dziedzin informatyki link.

Podstawy

Każdy dokument HTML ma określoną strukturę:

<!DOCTYPE HTML>
    <html lang="pl">
      <head>
        <title></title>
        <meta charset="UTF-8">
      </head>
      <body>
      </body>
    </html>

Rozbijmy to na mniejsze części. Najważniejszym elementem tej struktury jest znacznik <!DOCTYPE HTML>, ponieważ to on mówi komputerowi że mamy do czynienia z dokumentem HTML.

Następnie znajdujemy znacznik <html> w którym umieszczony jest atrybut lang - język z wartością pl czyli polski. Znacznik <head> odpowiada za dostarczenie komputerowi meta informacji na temat dokumentu, czyli nie służy do wyświetlania treści. Wypisujemy w nim takie elementy jak kodowanie dokumentu charset="Utf-8", tytuł dokumentu, wyświetlany na karcie w przegladarce, czy autora, prawa autorskie i tym podobne. Kolejny jest znacznik <body> w którym znajduje się faktyczna treść dokumentu.