Konstrukcja strony internetowej

Niezbędne elementy strony html

Aby strona internetowa była stroną, musi w swoim kodzie zawierać pewne niezbędne elementy. Są to:

<!DOCTYPE html>

Jest tak zwana deklaracja typu dokumentu – po prostu informacja dla przeglądarki, że będzie odczytywała kod strony internetowej. DOC – document, TYPE – typ, czyli rodzaj, html – informacja o języku, zaś wykrzyknik nadaje tej informacji wysoki priorytet.

Ta informacja musi być na samym początku kodu, w pierwszej linijce.

<html>

Znacznik otwierający i zamykający stronę html. Cały kod strony (poza <!DOCTYPE html>) musi być zawarty wewnątrz znacznika <html>. Znacznik html musi być zamknięty.

<head>

Nagłówek strony (nie mylić ze znacznikami <h1> – <h6>, które tworzą nagłówki tekstowe wewnątrz treści strony). Musi być zamknięty.

Zawiera wszystkie informacje, które są istotne dla przeglądarki przy wyświetlaniu strony. Jego zawartość nie będzie widoczna, więc nie umieszczaj tutaj elementów, które ma zobaczyć docelowy użytkownik.

<title>

Znacznik zawarty wewnątrz nagłówka <head> (zawsze). Zawiera tytuł strony, jego zawartość będzie widoczna na karcie przeglądarki internetowej. Musi być zamknięty.

<body>

Tylko zawartość znacznika <body> będzie widoczna dla użytkownika. Tak więc całą treść, jaką ma zobaczyć Twój użytkownik, musi być zawarta wewnątrz znacznika <body> (wszystkie teksty, obrazki, filmy itp.)


Podstawowa konstrukcja strony html

Tylko zawartość znacznika <body> jest widoczna dla użytkownika (jasny obszar)! Tak więc cała treść, jaką chcesz umieścić na swojej stronie powinna być zawarta w znaczniku <body>

<!DOCTYPE html>

<html>

<head>

<title>to jest tytuł strony</title>

</head>


<body>


treść strony – to co chcemy na niej pokazać


</body>

</html>