Samouczek HTML

Strona główna HTML Wprowadzenie do HTML Edytory HTML Podstawy HTML Elementy HTML Atrybuty HTML Nagłówki HTML Akapity HTML Style HTML Formatowanie HTML Cytaty HTML Komentarze HTML Kolory HTML HTML CSS Linki HTML Obrazy HTML Ulubione HTML Tabele HTML Listy HTML Blok HTML i wbudowany Klasy HTML Identyfikator HTML Ramki HTML HTML JavaScript Ścieżki plików HTML Nagłówek HTML Układ HTML HTML Responsywne Kod komputerowy HTML Semantyka HTML Przewodnik po stylach HTML Jednostki HTML Symbole HTML Emotikony HTML Zestaw znaków HTML Kodowanie adresu URL HTML HTML a XHTML

Formularze HTML

Formularze HTML Atrybuty formularza HTML Elementy formularza HTML Typy danych wejściowych HTML Atrybuty wejściowe HTML Atrybuty formularza wejściowego HTML

Grafika HTML

Płótno HTML HTML SVG

Media HTML

Media HTML Wideo HTML Dźwięk HTML Wtyczki HTML HTML YouTube

API HTML

Geolokalizacja HTML Przeciągnij/upuść HTML Magazyn sieciowy HTML HTML Web Workers HTML SSE

Przykłady HTML

Przykłady HTML Quiz HTML Ćwiczenia HTML Certyfikat HTML Podsumowanie HTML Dostępność HTML

Odniesienia HTML

Lista znaczników HTML Atrybuty HTML Globalne atrybuty HTML Obsługa przeglądarki HTML Zdarzenia HTML Kolory HTML Płótno HTML HTML audio/wideo Dokumenty HTML Zestawy znaków HTML Kodowanie adresu URL HTML Kody językowe HTML Wiadomości HTTP Metody HTTP Konwerter PX na EM Skróty klawiszowe

Elementy HTML


Element HTML jest zdefiniowany przez znacznik początkowy, pewną zawartość i znacznik końcowy.


Elementy HTML

Element HTML to wszystko, od tagu początkowego do tagu końcowego:

< tagname > Treść trafia tutaj... < /tagname >

Przykłady niektórych elementów HTML:

< h1 > Mój pierwszy nagłówek < /h1 >
< p > Mój pierwszy akapit. < /p >
Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

Uwaga: Niektóre elementy HTML nie mają treści (jak element <br>). Te elementy nazywane są pustymi elementami. Puste elementy nie mają znacznika końcowego!


Zagnieżdżone elementy HTML

Elementy HTML mogą być zagnieżdżane (oznacza to, że elementy mogą zawierać inne elementy).

Wszystkie dokumenty HTML składają się z zagnieżdżonych elementów HTML.

Poniższy przykład zawiera cztery elementy HTML ( , <html>i <body>) :<h1><p>

Przykład

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Przykład wyjaśniony

Element <html>jest elementem głównym i definiuje cały dokument HTML.

Ma znacznik początkowy <html>i znacznik końcowy </html>.

Następnie wewnątrz <html>elementu znajduje się <body> element:

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

Element <body>definiuje treść dokumentu.

Ma znacznik początkowy <body>i znacznik końcowy </body>.

Następnie wewnątrz <body>elementu znajdują się dwa inne elementy: <h1>i <p>:

<h1>My First Heading</h1>
<p>My first paragraph.</p>

Element <h1>definiuje nagłówek.

Ma tag początkowy <h1>i tag końcowy </h1>:

<h1>My First Heading</h1>

Element <p>definiuje akapit.

Ma tag początkowy <p>i tag końcowy </p>:

<p>My first paragraph.</p>


Nigdy nie pomijaj znacznika końcowego

Niektóre elementy HTML będą wyświetlane poprawnie, nawet jeśli zapomnisz tagu końcowego:

Przykład

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

Jednak nigdy nie polegaj na tym! Jeśli zapomnisz znacznika końcowego, mogą wystąpić nieoczekiwane wyniki i błędy!


Puste elementy HTML

Elementy HTML bez zawartości nazywane są pustymi elementami.

Znacznik <br>definiuje podział wiersza i jest pustym elementem bez znacznika zamykającego:

Przykład

<p>This is a <br> paragraph with a line break.</p>

HTML nie rozróżnia wielkości liter

W tagach HTML nie jest rozróżniana wielkość liter: <P>oznacza to samo co <p>.

Standard HTML nie wymaga znaczników małych liter, ale W3C zaleca małe litery w HTML i wymaga małych liter dla bardziej rygorystycznych typów dokumentów, takich jak XHTML.

W W3Schools zawsze używamy nazw znaczników pisanych małymi literami.


Odniesienie do tagu HTML

Dokumentacja znaczników W3Schools zawiera dodatkowe informacje o tych znacznikach i ich atrybutach.

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

Pełną listę wszystkich dostępnych tagów HTML można znaleźć w naszym podręczniku HTML Tag Reference .