struktura dokumentów HTML

Struktura dokumentów HTML

Opublikowano: środa, 02, styczeń 2019 09:02 | Super User |

| Odsłony: 430

<!DOCTYPE HTML>
<html lang="pl">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="pl" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>Tytuł strony</title>
</head>

<body>

<header></header>

<section>
<p>To jest nasza nowa strona internetowa HTML5 CSS3.</p>
</section>

<footer></footer>

</body>

</html>

Na samej górze dokumentu HTML definiujemy typ dokumentu (w naszym przypadku HTML).

Pomiędzy znacznikami head umieszczamy deklaracje odpowiedzialne m.in. za wygląd strony, pozycjonowanie, kodowanie znaków (charset=utf-8) - dzięki temu zapisowi polskie znaki będą poprawnie interpretowane przez przeglądarkę internetową.

Właściwa część strony będzie zawierać się pomiędzy znacznikami body.

Dodatkowo stronę podzielimy na 3 główne boksy. Pierwszy header, w nim możemy umieścić logo, menu. Niżej section - właściwa zawartość strony. Na samym dole footer, w którym może znaleźć się powtórzone menu, informacje kontaktowe.

W HTML5 dodatkowo możemy zastosować więcej niż jeden nagłówek H1 (w HTML4 na stronie mógł znaleźć się jeden nagłówek najwyższego poziomu - H1).

Kategoria: Bez kategorii

HTML od podstaw

Przydatne linki

DIV

Kaskadowe Arkusze Stylu

Strona szkoły

Podstawowe pojęcia

Struktura dokumentów HTML