Udostępnij za pośrednictwem

  • Artykuł

          

Encyklopedia: Jak wygląda szablon strony HTML - Kurs HTML i CSS   Udostępnij na: Facebook

Autor: Jakub Mytko

Opublikowano: 2011-09-16

Szablon strony HTML to zestaw znaczników, od których zaczyna się budowanie strony. Stanowią one ramę dla treści strony. Poprawnie utworzony szablon strony zapewnia prawidłowe rozpoznanie zawartości pliku html przez przeglądarki i jej właściwą interpretację.

Głównym znacznikiem, który informuje o rozpoczęciu i zakończeniu strony internetowej jest html. Wewnątrz tego znacznika, to znaczy pomiędzy znacznikiem otwierającym <html> i zamykającym </html>, umieszcza się pozostałe znaczniki.

W elemencie html znajdują się dwa inne znaczniki, których umieszczenie jest niezbędne dla prawidłowego funkcjonowania strony. Są nimi head i body.

Head jest to nagłówek strony internetowej. W nim, pomiędzy znacznikami <title> i </title>, należy obowiązkowo umieścić tytuł strony. Dodatkowo, nagłówek strony jest miejscem, w którym umieszcza się meta tagi – znaczniki, opisujące zawartość strony. Więcej o meta tagach można przeczytać w encyklopedii Jak umieścić meta tagi w HTML.

W znaczniku body umieszcza się treść strony, która ma być widoczna dla użytkownika. Jego zawartość jest interpretowana przez przeglądarki internetowe i prezentowana na ekranie monitora w oknie przeglądarki.

Dla prawidłowego wyświetlenia strony, na początku kodu, powinno umieszczać się deklarację DOCTYPE, czyli określenie standardu języka HTML, w którym strona zostanie napisana. Należy ją umieszczać przed otwierającym znacznikiem <html>. Więcej o DOCTYPE można przeczytać w encyklopedii Jak poprawnie definiować DOCTYPE w HTML.

Przykład

Podstawowy szkielet strony HTML w standardzie HTML4:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>Tytuł strony</title>
    </head>
 <body>
 </body>
</html>

Sprawdź

Praktyczne przykłady

Zobacz, jak praktycznie wykorzystać elementy szkieletu strony w samouczku: