Jak działa język HTML: podstawowe zasady
Język HTML to hipertekstowy język znaczników, który służy do tworzenia stron internetowych i opisywania ich struktur.
Działa na stronie internetowej poprzez opisanie struktury i zawartości strony za pomocą tzw. tagów. Tagi (znane również jako znaczniki HTML) to elementy składniowe języka, które definiują różne części strony internetowej, takie jak nagłówki, paragrafy, obrazy i linki.
HTML jako hipertekstowy język znaczników
Podstawową zasadą działania HTML jest to, że każdy element strony internetowej jest opisany za pomocą tagu. Na przykład, jeśli chcesz dodać nagłówek na stronie, użyjesz tagu <h1> i </h1> wokół tekstu, który chcesz uczynić nagłówkiem. Ten tag informuje przeglądarkę internetową, że ten tekst powinien być wyświetlony jako nagłówek.
Każdy tag HTML składa się z otwierającej (<>) i zamykającej (</>) sekcji. Otwierający tag definiuje rozpoczęcie danego elementu, a zamykający tag definiuje zakończenie elementu. Na przykład tag <h1> rozpoczyna nagłówek, a tag </h1> kończy nagłówek.
Znaczniki html wraz z krótkim omówieniem
Istnieje wiele różnych tagów HTML, których można użyć do opisu elementów strony internetowej. Wszystkie tagi muszą być poprawnie umieszczone w kodzie strony internetowej i muszą być zgodne z określonymi standardami, takimi jak HTML5.
Istotną kwestią jest również to, że strona internetowa zbudowana w HTML jest statyczna, co oznacza, że jej zawartość jest stała i nie zmienia się bezpośrednio po załadowaniu strony. Można jednak użyć języków takich jak CSS i JavaScript, aby dodać animacje, interakcje i efekty wizualne do strony.
HTML działa na stronie internetowej poprzez opisanie struktury i zawartości strony za pomocą tagów. Każdy tag HTML składa się z otwierającej i zamykającej sekcji. Strona internetowa zbudowana w HTML jest statyczna, ale można użyć innych języków, takich jak CSS i JavaScript, aby dodać interaktywność i efekty wizualne do strony.
Przykład gotowego kodu: jak działa HTML
Aby lepiej zrozumieć mechanizm działania, jak działa język HTML, warto spojrzeć na przykład kodu. Oto przykład prostego kodu HTML, który zawiera kilka podstawowych elementów strony. Tak wygląda struktura html przykłądowej strony:
Powyższy kod HTML składa się z kilku elementów:
- <!DOCTYPE html> – deklaracja typu dokumentu, która informuje przeglądarkę internetową, że to jest dokument HTML. Każdy z nich zaczyna się od deklaracji typu dokumentu (doctype html public). Dzięki temu, przeglądarki internetowe wiedzą, że mają do wyświetlenia stronę internetową.
- <html> – otwarcie elementu głównego, który zawiera całą zawartość strony internetowej. Wszystkie pozostałe znaczniki są zawarte w tym jednym, głównym tagu otwierającym.
- <head> – otwarcie sekcji nagłówka, która zawiera informacje o stronie, takie jak tytuł, linki do arkuszy stylów (CSS) i inne metadane. Często pojawiają się tu skrypty JavaScript oraz informacje o autorze.
- <title> – otwarcie tagu tytułu, który zawiera tytuł strony. Tytuł strony wyświetla się na karcie przeglądarki oraz w wyszukiwarkach.
- </title> – zamknięcie tagu tytułu.
- </head> – zamknięcie sekcji nagłówka.
- <body> – otwarcie sekcji treści, która zawiera rzeczywistą zawartość strony. To tutaj wstawiamy elementy html związane z wyglądem strony i jej zawartością.
- <h1> – otwarcie tagu nagłówka, który zawiera tekst nagłówka. Znacznik nagłówka nie tylko nadaje odpowiednie formatowanie treści (pogrubienie i większa czcionka) ale też mówi robotom wyszukiwarek, że to jest tematyka tej strony internetowej.
- </h1> – zamknięcie tagu nagłówka.
- <p> – otwarcie tagu paragrafu, który zawiera tekst paragrafu.
- </p> – zamknięcie tagu paragrafu.
- <img> – tag obrazka, który wyświetla obrazek na stronie. Źródło obrazka (adres url) określa atrybut src. Dodatkowo, alt jest atrybutem, który określa opis obrazka. Wyświetli się, jeśli obrazek nie zostanie załadowany. Opisuje też robotom, co znajduje się na obrazku.
- <a> – tag linku, który tworzy łącze do innej strony internetowej lub do innego miejsca na tej samej stronie. Dzięki href określamy adres URL do strony lub miejsca, do którego ma prowadzić link.
Podstawy tworzenia stron internetowych
Te znaczniki html to podstawa tworzenia stron internetowych. Wszystkie strony internetowe składają się ze znaczników. Znaczniki HTML zawierają w sobie kolejne znaczniki, i kolejne, tworząc kompletną strukturę stron internetowych. W ten sposób przeglądarki internetowe wiedzą, co wyświetlić po wejściu na daną stronę.
Przy pomocy tagów możemy nadać odpowiedni styl poszczególnym fragmentom tekstu lub wczytać dane arkuszy stylów z osobnego pliku CSS (kaskadowe arkusze stylów). Wszystkie strony internetowe w wyniku zwracają gotowe dokumenty html i są interpretowanie zgodnie z mechanizmem języka HTML.
Kod HTML składa się z tagów, atrybutów i treści, które określają strukturę i zawartość strony internetowej. Przeglądarki internetowe interpretują kod HTML i wyświetlają stronę internetową na ekranie.
Aby wyświetlić powyższą stronę w przeglądarce internetowej, możemy zapisać powyższy kod w pliku o rozszerzeniu .html i otworzyć ten plik w przeglądarce.