HTML

Strona poświęcona HTML

Struktura dokumentów HTML

<!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.

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).

<article>
<h1>Pierwszy nagłówek H1<h1>
</article>

<article>
<h1>Drugi nagłówek H1<h1>
</article>

<article>
<h1>Trzeci nagłówek H1<h1>
</article>