iprogramista.pl
  • HTML 5
  • CSS 3
  • Javascript
  • SQL
  • Kolory
    • Kolory HTML - konwerter
    • Kolory HTML - odcienie
  • Narzędzia
    • Edytor HTML
    • Licznik znaków
    • Sprawdź IP
    • Lorem Ipsum generator
    • Enkoder Base64
    • Dekoder Base64
    • Guid generator
    • Kalkulator dni
    • Ile do wakacji
  • Plug-ins
    • Przelewy 24 SDK (C#)
    • BS5 Intro Tour
  • Wprowadzenie do HTML
  • Edytory HTML
  • Podstawowe tagi HTML
  • Elementy HTML
  • Atrybuty HTML
  • Nagłówki HTML
  • HTML Head
  • Paragrafy HTML
  • Formatowanie HTML
  • Style liniowe
  • Definiowanie kolorów
  • Co to jest CSS?
  • Jak stworzyć link?
  • Tabele HTML
  • Listy HTML
  • Block i Inline
  • Class / klasa atrybut
  • Atrybut id

Elementy HTML kurs HTML 5

Poprzednia Następna

Elementy HTML najczęściej składa się z treści oraz tagu początkowego i tagu końcowego

<nazwaTagu>Treść...</nazwaTagu>

Przykładowe elementy HTML

Tag początkowyTreśćTag końcowy
<h1>Nagłówek 1</h1>
<p>Paragraf</p>
<br>
Elementy HTML, które nie posiadają treści są nazywane pustymi elementami. Puste elementy nie posiadają tagu końcowego, tak jak element <br> (który wymusza złamanie lini).

Zagnieżdżanie elementów HTML

Elementy HTML można zagnieżdżać. Oznacza to, że element HTML może zawierać inne elementy HTML.

Każdy dokument HTML składa się z zagnieżdżonych tagów HTML.

Wyjaśnienie przykładu

Element <html> definiuje cały dokument. Zawiera on tag początkowy oraz tag końcowy.

Wewnątrz elementu <html> znajduje się element <body>, który przedstawia zawartość dokumentu.

Wewnątrz elementu body, mogą znajdować się nagłówki paragrafy, a także inne zagnieżdżone elementy HTML.

Nie zapomnij o tagu końcowym

Niektóre elementy HTML, mogą wyświetlać się poprawnie, nawet jeżeli zapomnisz o tagu końcowym. Nie polegaj jednak na takim zachowaniu, bo może ono powodować błędy. Zawsze pamiętaj o tagu końcowym, dla wszystkich elementów, które wymagają tagu końcowego.

Poniższy przykład, który obrazuje brak zamknięcia elementu. Jest to przykład czego nie należy robić.

Puste elementy HTML

Elementy które nie zawierają treści, są nazywane elementami pustymi. Puste elementy, nie posiadają tagu końcowego.

 Puste elementy mogą być zamknięte, jednak HTML 5 tego nie wymaga. Dlatego złamanie lini może wyglądać <br>. Opcjonalnie można ten element wyglądać tak <br/>.

Wielkość liter

Z punktu widzenia języka HTML, wielkość liter w tagach nie ma znaczenia. Tag <h1> i <H1> ma takie samo znaczenie. Standard W3C zaleca jednak używanie zawsze małych liter.

Poprzednia Następna

Kursy programistyczne

Oferujemy darmowe kursy programowania od podstaw.


Lista kursów

HTML 5

CSS 3

Javascript

SQL


Kontakt

info@iprogramista.pl


©2019-©2025 Copyright: iprogramista.pl