Wprowadzenie do HTML
HTML jest podstawowym językiem do tworzenia stron internetowych. Wbrew powszechnie panującej opinii nie jest językiem programowania, a jedynie językiem znaczników. Znaczniki są rodzajem opakowań na treści. Dzięki wykorzystaniu znaczników możesz łatwo wpływać na wygląd i zachowanie stron internetowych wyświetlanych w przeglądarkach.
Co to jest HTML?
- Skrót HTML oznacza Hyper Text Markup Language, czyli hipertekstowy język znaczników
- HTML jest standardowy językiem znaczników do tworzenia stron internetowych
- HTML opisuje strukturę strony internetowej
- HTML składa się z wielu uniwersalnych elementów
- Elementy HTML informują przeglądarkę, jak wyświetlić zawartość strony
- Elementy HTML oznaczają fragmenty treści, takie jak „Nagłówek”, „Akapit”, „Link” itp.
Struktura strony HTML
<!DOCTYPE html>
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
<h1>Nagłówek pierwszego stopnia</h1>
<p>Treść pierwszego akapitu</p>
</body>
</html>Dobra rada: Dokument HTML, aby został automatycznie wczytany przez przeglądarkę po wejściu na stronę powinien mieć nazwę index.html
Znaczniki HTML
- Deklaracja
<!DOCTYPE html>określa, że ten dokument jest dokumentem HTML - Element
<html>jest elementem głównym strony HTML - Element
<head>zawiera metainformacje o stronie - Element
<title>określa tytuł strony HTML, który jest wyświetlany na pasku tytułowym w zakładce strony - Element
<body>definiuje treść dokumentu i jest kontenerem na całą widoczną zawartość, taką jak nagłówki, akapity, obrazy, hiperłącza, tabele, listy itp. - Element
<h1>definiuje nagłówek pierwszego stopnia - Element
<p>definiuje akapit
<br>). Elementy te nazywane są elementami pustymi. Co to jest element HTML?
Element HTML jest definiowany przez znacznik początkowy, część treści i znacznik końcowy:
<nazwa_znacznika> Dowolna treść strony </nazwa_znacznika>Element HTML to wszystko, od tagu początkowego do tagu końcowego. Więcej dowiesz się w dziale Elementy HTML.
Struktura dokumentu HTML
Dokument HTML jest podzielony na dwie główne części. Sekcja<head> </head>jest to głowa dokumentu i w nim wyświetlany jest między innymi tytuł strony. Sekcja<body> </body> to część wyświetlana w przeglądarce, w niej umieszczamy wszystkie treści dostępne na stronie.
Wyświetlanie w przeglądarkach
Zadaniem przeglądarki internetowej (Chrome, Edge, Firefox, Opera, Safari) jest odczytywanie dokumentów HTML i poprawne ich wyświetlanie. Przeglądarki nie wyświetlają znaczników HTML, używają ich jedynie do określenia sposobu wyświetlania dokumentu.
Wersje HTML
| HTML | 1991 |
| HTML+ | 1993 |
| HTML2.0 | 1995 |
| HTML3.2 | 1997 |
| HTML4.01 | 1999 |
| XHTML1.0 | 2000 |
| HTML5 | Październik 2014 |
Uwaga! Ten poradnik jest zgodny ze standardem HTML5.
Czy ten poradnik był pomocny?
Mateusz Turek
Swoją przygodę z projektowaniem stron internetowych rozpocząłem z kursem od Komputer Świat wydanym w marcu 2003 roku w formie małej książeczki. Na przestrzeni 20 lat zaprojektowałem niezliczoną ilość witryn i aplikacji internetowych. Projektowałem dla małych i dużych firm takich jak Oriflame, Top Market, Bezpieczna Rodzina czy Helping Hand.
