
HTML dla początkujących – Wstęp
Czym jest HTML?
HTML (Hyper Text Markup Language) jest standardem języka tworzenia stron internetowych. Opisuje on strukturę strony internetowej, a także informuje przeglądarkę, jaką zawartość ma wyświetlić.
HTML składa się z elementów określających treść na stronie np. mówiących: „to jest nagłówek” lub „to jest link”.
Czym jest element języka HTML?
Element w języku HTML jest określony za pomocą znacznika otwierającego, zawartości oraz znacznika zamykającego.
UWAGA! Niektóre elementy nie posiadają zawartości (np. znacznik <br>
). Takie elementy nazywamy elementami pustymi. Puste elementy nie zawierają znacznika zamykającego! Wyjątkiem jest sytuacja, gdy stronę tworzymy w języku XHTML.
Podstawowa struktura dokumentu HTML
W linii 1 znajduje się deklaracja definiująca typ dokumentu, w powyższym przykładzie oznacza to, że dokument który tworzymy jest dokumentem HTML5.
W linii 2 widnieje znacznik otwierający sekcję „html” zawierającą wszystkie informacje na temat dokumentu HTML.
Linia 3 zawiera znacznik otwierajacy sekcję „nagłówka” dokumentu.
Linia 4 zawiera znacznik otwierający sekcję „tytułu”, sam tytuł oraz znacznik zamykający sekcję. Sam tytuł wyświetla się m.in. na pasku przeglądarki (np. na zakładce w przeglądarce Apple Safari bądź Google Chrome). Tytuł wyświetlany jest również przez wyszukiwarkę Google w wynikach wyszukiwania.
Linia 5 to znacznik zamykający sekcję „nagłówka”.
Linia 6 otwiera sekcję „ciała” dokumentu. W tej sekcji zamieszczamy wszystko to, co później widzimy w przeglądarce internetowej.
W linii 7 umieszczony jest znacznik nagłowka pierwszego poziomu wraz z jego treścią. Wbrew pozorom nie określa on jedynie wielkości tekstu. Szczegółowe informacje znajdziesz w dalszej części kursu.
Linia 8 zawiera komplet znaczników paragrafu wraz tekstem.
Linia 9 jest znacznikiem kończącym sekcję „ciała”.
Linia 10 stanowi zakończenie całego dokumentu HTML.
Podsumowanie
Do zobaczenia w kolejnej części!
P.S. Kurs powstaje na podstawie https://www.w3schools.com/html/. Mój kurs ma na celu wprowadzić w świat HTML osoby, które chcą przejść kurs bez znajomości języka angielskiego. Dla osób znających język angielski polecam naukę bezpośrednio na stronie https://www.w3schools.com/html/.