Język HTML
Znaczniki języka HTML
Znaczniki są to wyrażenia, które mieszczą się pomiędzy znakami znanymi nam z matematyki. Znaki „mniejsze niż” oraz „większe niż” < >. Pomiędzy tymi znaki wstawiamy wyrażenia z języka html i w ten sposób tworzymy znaczniki, np.
.
Znacznik rozpoczęcia
Znacznik zamknięcia
Znaczniki możemy podzielić na znaczniki otwarcia oraz zamknięcia. Znaczniki otwarcia od znaczników zamknięcia różnią się jedynie pionową kreską pochyloną w prawo, tzw. forward slash, który poprzedza wyrażenie html. Pomiędzy znacznikami otwarcia oraz zamknięcia znajduje się miejsce obowiązywania elementu. Dla przykładu możemy podać znacznik akapitu
, treść akapitu wstawiamy pomiędzy znacznikami
oraz
.
Znacznik zamknięcia
Deklaracja HTML
Pierwszą linijką kodu jaką napiszemy, będzie deklaracja dokumentu. W skrócie jest to informacja dla przeglądarki z jakim typem dokumentu ma do czynienia. Zapis informuje przeglądarkę, że jest to dokument html (strona internetowa) i może go przetworzyć (wyświetlić na naszym ekranie). A więc zapiszmy ten kawałek kodu w naszym notatniku, tak aby nasz dokument wyglądał w ten sposób:
Znacznik HTML
Po deklaracji rodzaju dokumentu, czas na deklarację języka, w którym dokument zostanie napisany. Deklaracji języka html dokonujemy znacznikiem . Dodamy teraz ten znacznik, pod znacznikiem deklaracji dokumentu.
Zapis ten oznacza, że pomiędzy znacznikiem otwarcia , a zamknięcia używany jest język html. Zwyczajowo znaczniki zamknięcia umieszczamy na nowej linii, w celu zwiększenia czytelności kodu przez człowieka (dla przeglądarki jest to nieistotne).
Znacznik HEAD
Oznaczyliśmy już miejsce, w którym będziemy używać języka html, teraz czas na ustawienia dokumentu html, a mianowicie element (ang. głowa, sekcja nagłówkowa). Element head opisuje ustawienia dokumentu html.
Pomiędzy znacznikami i zamieszcza się informacje m.in o rodzaju języka, którym będziemy się posługiwać (polski, angielski, itd.).
Element head jest elementem języka html, dlatego umieścimy go pomiędzy znacznikami html. W takiej sytuacji mówimy o tym, że znacznik jest rodzicem znacznika i w drugą stronę, że ten ostatni jest dzieckiem tego pierwszego.
Znacznik Body
Ustawienia strony trafiają do sekcji wyznaczonej przez element , natomiast treść strony internetowej, czyli wszystko to co zostanie wyświetlone na ekranie musi znaleźć się w elemencie (ang. ciało strony, dokumentu).
Pomiędzy znacznikami oraz lokujemy wszystkie informacje, które chcielibyśmy umieścić na stronie. Zaktualizujmy teraz nasz dokument o nowy znacznik.
Struktura Strony Internetowej
Cały dokument html będzie zawsze zawierać się pomiędzy znacznikami oraz . Ustawienia strony zawsze umieścimy pomiędzy znacznikami oraz , a treść strony będziemy wpisywać pomiędzy znacznikami oraz .
Polskie Znaki HTML
Zanim zaczniemy wypełniać treścią naszą stronę internetową, musimy jeszcze dodać jedną linijkę kodu. Musimy zadeklarować zestaw znaków jakiego będziemy używać.
Deklaracja ta warunkuje poprawne wyświetlanie polskich liter, w szczególności tych z ogonkami (ąćęłńśóźż). Dokonujemy tej deklaracji w sekcji .
<metacharset="utf-8">
Meta
Elementu będziemy używać częściej, gdyż przy jego pomocy tworzy się tzw. meta tagi, czy meta elementy. Są to dane informujące przeglądarkę o ustawieniach strony internetowej i dlatego wszystkie meta tagi trafią do sekcji .
Charset
Natomiast wartość atrybutu charset (ang. character set -zestaw znaków), czyli utf-8 informuje przeglądarkę o zestawie znaków, którego chcemy użyć.
<metacharset="UTF-8">
Wypełnianie treścią strony internetowej
Po nakreśleniu szkieletu czy struktury dokumentu i zadeklarowaniu zestawu znaków możemy zacząć wypełniać nasz dokument treścią. Jak już wcześniej wspomnieliśmy, informacje, które chcemy, aby znalazły się na naszej stronie musimy zawrzeć w sekcji . Do naszego dokumentu dodajmy tekst “Moja pierwsza strona internetowa”.
<metacharset="UTF-8">
Moja pierwsza strona internetowa.
Wypełniliśmy treścią naszą pierwszą stronę internetową, czas sprawdzić jak będzie ona wyglądała w przeglądarce internetowej.