Podstawy HTML

Jak działają znaczniki?

HTML jest językiem znaczników. Tworzenie w języku znaczników oznacza rozpoczęcie pracy z dodanie specjalnych znaczników wokół słów i akapitów oraz tekstem strony. Te znaczniki wskazują poszczególne fragmenty strony oraz powodują wygenerowanie odmiennych efektów w przegłądarce WWW.

HTML ma pewien zdefiniowany zestaw znaczników, które pozostają do Twojej dyspozycji. Nie możesz opracować własnych znaczników w celu utworzenia nowych styłów.

Większość znaczników przedstawia się następująco

<nazwaznacznika> treść</nazwaznacznika>

Nazwa znacznika jest umieszczona w nawiasie ostrym(<>). Ogólnie rzecz biorąc, znacznik HTML składa się ze znacznika otwierającego i zamykającego, między którymi znajduje się treść. W przypadku znacznika zamykającego jego nazwa jest poprzedzona ukośnikiem(/). W ten sposób znacznik otwierający (taki jak <p> dla akapitu) i zamykający (taki jak </p> dla akapitu) to jest określane mianem elementu HTML.

Nie wszystkie elementy HTML składają się ze znacznika otwierającego i zamykającego. Część znaczników jest tylko jednostronna, a część stanowi rodzaj kontenerów przechowujących wewnątrz informacje dodatkowe i tekst, przykład poniżej.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

Struktura kodu HTML

Skoncentrujemy się na znacznikach HTML.

Znaczniki przeznaczone do przygotowania ogólnej struktury stron <html>, <head>, <body>.
Znaczniki przeznaczone do zdefiniowania tytułu, nagłówków i akapitów <title>, od <h1> do <h6>, i <p>.
Znaczniki pozwalające na umieszczenie komentarzy w kodzie strony, czyli .

Język HTML oferuje trzy znaczniki przeznaczone do definiowania ogólnej struktury strony, a także pozwala na zdefiniowanie nagłówków. Te trzy wspomniane znaczniki <html>, <head>, <body> - tworzą podstawowy szkielet każdej strony internetowej. Przed wczytaniem treści danej strony, zapewniają informacje o stronie(na przykład tytuł oraz jej autora). Znaczniki trorzące strukturę strony nie mają wpływu na jej wygłąd po wyświetleniu i mają jedynie na celu ułatwienie pracy przegłądarkom WWW.

<!DOCTYPE html>
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
treść strony...
</body>
</html>

Znacznik <html>

Cały tekst i wszystkie elementy strony internetowej powinny znaleźć się między otwierającym i zamykającym znacznikiem <html>

Użycie go jest wymagane, ponieważ zarówno specyfikacja XML, jak i SGML określają, że każdy dokument powinien mieć element główny. W przypadku znacznika <html> (czego nie powinieneś robić) strona staje się nieprawidłowa, a przeglądarka WWW samodzielnie umieści w kodzie znacznik <html>, aby procesor HTML mógł przetworzyć tę stronę.

Znacznik <head>

Znacznik <head> działa w charakterze kontenera dla znaczników zawierających informacje o danej stronie, a nie treść wyświetlaną na stronie. Nigdy nie powinieneś umieszczać żadnej treści strony w jej nagłówku.

Znacznik <body>

Treść strony HTML znajduje się w znaczniku <body>. W wymienionym znaczniku umieszczamy cały tekst oraz inną treść, na przykład łącza, obrazy itd.

Znaczniki <body> i </body> znajdują się wewnątrz <html>. Z zagnieżdżeniem mamy również do czynienia w przypadku nagłówka strony(<head>). Wszystkie znaczniki HTML działają w taki sposób i definiują poszczególne, zagnieżsżone sekcje tekstu. Powinieneś zachować ostrożność i nigdy nie doprowadzać do nakładania się znaczników. Oznacza to, że nigdy nie wolno stosować struktury podobnej do poniższej.

<html>
<head>
<body>
</head>
</body>
</html>

Gdy zamykasz znacznik HTML, zawsze upewnij się o zamykaniu ostatnio otworzonego znacznika.

Tytuł

Każda strona HTML wymaga podania tytułu wskazującego treść zamieszczoną na danej stronie. Znacznik <title> jest umieszczany wewnątrz znacznika <head> i standardowo stosowany do opisu zawartości strony.

Nagłówki

HTML definiuje sześć poziomów nagłówków (od h1 do h6).

<h1>To jest nagłówek</h1>

Tekst nagłówka jest wyświetlany większą, pogrubioną czcionką aby wyraźnie odróżniał się od zwykłego tekstu. Nie wykorzystuj nagłówki w celu wyświetlaniz pogrubionego tekstu. Wprawdzie wynik może być zgodny z oczekiwaniami, ale kod znaczników na pewno nie biędzie odzwierciedłał struktury strony.

Akapity

Do zdefiniowania akapitu jest znacznik <p>. Akapit (paragraf) jest bardzo ważny w składni HTML, ponieważ pozwala w określony sposób sformatować tekst na ekranie (ułożyć go w podany sposób).

<p>To jest tekst akapitu</p>

Komentarze

Komentarze na stronach HTML można umieścić w celu dostarczenia opisu samej strony lub pewnego rodzaju informacji o jej stanie.Tekst znajdujący się w komentarzu jest ignorowany podczas przetwarzania pliku HTML, komentarze nigdy nie są wyświetlane na ekranie.

Jeśli skorzysta z wbudowanej w przeglądarki funkcji wyświetlania kodu źródłowego strony, użytkownik ma możliwość uzyskania dostępu do komentarzy. Dlatego nie umieszczaj w komentarzach żadnych danych, których nie chcesz przekazać użytkownikom.

Poprzednia Następna