HTML

Wprowadzenie do HTML

Podstawowe elementy HTML

Formatowanie tekstu

Obrazy i media

Tabele

Formularze

Struktura pliku HTML

Struktura pliku HTML jest kluczowa dla poprawnego wyświetlania treści w przeglądarkach internetowych. Każdy dokument HTML ma jasno określoną hierarchię, która pozwala na uporządkowanie i organizację zawartości. W tym wpisie omówimy, jak zbudowany jest plik HTML oraz jakie są jego podstawowe sekcje i elementy.

Podstawowa struktura pliku HTML

Każdy plik HTML składa się z kilku podstawowych elementów, które definiują jego strukturę. Poniżej znajduje się przykład prostej struktury dokumentu HTML:

Przykład

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tytuł Strony</title>
</head>
<body>
    <h1>Witaj na mojej stronie!</h1>
    <p>To jest przykładowa strona HTML.</p>
</body>
</html>

Wyjaśnienie poszczególnych elementów

<!DOCTYPE html> - Informuje przeglądarkę, że dokument jest napisany w języku HTML5, co jest obecnie standardem w tworzeniu stron internetowych. Ta deklaracja zawsze znajduje się na początku pliku HTML i nie jest znacznikiem HTML.
<html> - Jest głównym kontenerem całego dokumentu HTML. Wewnątrz tego znacznika znajdują się wszystkie inne elementy strony. Atrybut lang="pl" określa język dokumentu (w tym przypadku polski), co jest istotne dla przeglądarek i narzędzi dostępności.
<head> - Zawiera metadane dokumentu, które nie są bezpośrednio widoczne na stronie, ale są ważne dla działania i indeksowania strony przez przeglądarki oraz wyszukiwarki. Znajdują się tu takie elementy jak:
- <meta charset="UTF-8"> - Określa kodowanie znaków dokumentu jako UTF-8, co pozwala na poprawne wyświetlanie polskich znaków.
- <meta name="viewport" content="width=device-width, initial-scale=1.0"> - Ustawia viewport, co jest kluczowe dla responsywności strony na urządzeniach mobilnych.
- <title> - Definiuje tytuł strony, który pojawia się na karcie przeglądarki.
<body> - Zawiera właściwą treść strony, którą użytkownicy widzą i z którą mogą wchodzić w interakcje. W tej sekcji umieszczane są nagłówki, akapity, obrazy, linki, formularze, i inne elementy.

Hierarchia elementów

Struktura dokumentu HTML jest hierarchiczna, co oznacza, że elementy mogą zawierać inne elementy. W poniższym przykładzie widać, że elementy mogą być zagnieżdżane, tworząc struktury o różnym stopniu złożoności.