Podstawowa struktura strony HTML i jej znaczenie
HTML (HyperText Markup Language) jest językiem służącym do tworzenia stron internetowych. Jego struktura jest dość prosta i opiera się na znacznikach, które określają, jak elementy mają być wyświetlane w przeglądarce.
Podstawowa struktura strony HTML wygląda następująco:
HTML
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tytuł mojej strony</title>
</head>
<body>
<h1>Nagłówek</h1>
<p>To jest mój pierwszy akapit.</p>
</body>
</html>
Wyjaśnienie poszczególnych elementów:
<!DOCTYPE html>: Deklaracja typu dokumentu. Informuje przeglądarkę, że dokument jest dokumentem HTML5.
<html lang="pl">: Element główny dokumentu. Atrybut lang="pl" określa język strony jako polski.
<head>: Sekcja nagłówka. Zawiera informacje o stronie, które nie są bezpośrednio wyświetlane na stronie, takie jak tytuł, kodowanie znaków, metadane dla wyszukiwarek.
<meta charset="UTF-8">: Określa kodowanie znaków używane na stronie. UTF-8 jest najbardziej uniwersalnym kodowaniem, obsługującym większość języków.
<meta name="viewport" content="width=device-width, initial-scale=1.0">: Ustawia widok strony na urządzeniach mobilnych.
<title>Tytuł mojej strony</title>: Określa tytuł strony, który jest wyświetlany na karcie przeglądarki.
<body>: Sekcja treści strony. Tutaj umieszczamy wszystkie elementy, które mają być widoczne dla użytkownika.
<h1>Nagłówek</h1>: Element nagłówka pierwszego poziomu.
<p>To jest mój pierwszy akapit.</p>: Element akapitu.
Znaczenie poszczególnych elementów:
<head>: Jest jak niewidoczna część strony, która zawiera informacje niezbędne dla przeglądarek, wyszukiwarek i innych narzędzi.
<body>: To część strony, którą widzi użytkownik. Zawiera całą treść strony, od nagłówków po stopki.
Elementy semantyczne (<h1>, <p>, itp.): Nadają strukturę i znaczenie treści na stronie. Dzięki nim wyszukiwarki lepiej rozumieją, o czym jest strona, a przeglądarki mogą lepiej formatować zawartość.