Budowa elementu HTML

Ze względu na podstawową budowę elementu HTML możemy wyróżnić dwie grupy elementów HTML.

Pierwszą grupą elementów HTML są elementy HTML, które zbudowane są z tagu otwierającego ich zawartość oraz z tagu zamykającego ich zawartość.

Przykład:

<article>
  <h1>Mój ulubiony kolor</h1>
  <p>Moim ulubionym kolorem jest kolor <b>błękitny</b>.</p>
  <p>Ponieważ błękitny to kolor nieba.</p>
</article>

O tych elementach HTML powiedzieliśmy sobie już wcześniej. Najważniejszą rzeczą do zapamiętania jest fakt, iż wspomniane elementy HTML muszą posiadać tag otwierający ich zawartość (na przykład <article>) oraz tag zamykający ich zawartość (na przykład </article>), dzięki czemu my wiemy oraz przeglądarka internetowa również wie, gdzie kończy się oraz gdzie zaczyna się zawartość posiadana przez dany element HTML.

Drugą grupą elementów HTML są elementy HTML, które zbudowane są tylko z jednego tagu. Tag ten nie pełni roli tagu otwierającego zawartość elementu HTML, ani roli tagu zamykającego zawartość elementu HTML, ponieważ elementy HTML zbudowane z jednego tagu z reguły reprezentują sobą z góry określoną zawartość lub informację, którą należy określić w nieco inny sposób.

Przykład:

<meta>
<img>

Element meta może reprezentować dodatkową informację metadata dla przeglądarki internetowej o dokumencie HTML, w którym znajduje się dany element meta. Natomiast element img jest informacją dla przeglądarki internetowej, że właśnie w tym miejscu w naszym kodzie HTML ma wystąpić powiązanie, za pomocą którego przeglądarka internetowa w swoim oknie będzie mogła wyświetlić określony przez nas obrazek.

Zaprezentowane "jednotagowe" elementy HTML w tym momencie nie reprezentują sobą żadnej konkretnej informacji (żadnej konkretnej informacji metadata oraz żadnego konkretnego obrazka), ponieważ nie znamy jeszcze atrybutów HTML, które wspomniane elementy HTML powinny lub muszą posiadać.