---
title: Element
slug: Web/HTML/Element
tags:
  - HTML
  - 'HTML:Opis_elementów'
  - Obsolete
  - Strony_wymagające_dopracowania
  - Wszystkie_kategorie
translation_of: Web/HTML/Element
---
<div>{{HTMLSidebar("Elements")}}</div>

<p class="tw-data-text tw-ta tw-text-small" dir="ltr" id="tw-target-text" style="text-align: left; height: 144px;">Na tej stronie znajduje się lista wszystkich elementów HTML,<span class="seoSummary"> które można utworzyć za pomocą znaczników (ang. <code>tags</code>).  Są one pogrupowane według funkcjonalności, aby pomóc Ci łatwo znaleźć to, co masz na myśli. Alfabetyczna lista wszystkich elementów znajduje się na pasku bocznym na stronie każdego elementu, jak również na tej tutaj.</span></p>

<div class="note">
<p><span lang="pl">Aby uzyskać więcej informacji na temat podstaw elementów i atrybutów HTML, zobacz</span><a href="/en-US/docs/Web/Guide/HTML/Introduction#Elements_%E2%80%94_the_basic_building_blocks"> sekcje dotyczącą elementów w artykule wprowadzenia do HTML</a>.</p>
</div>

<h2 id="Main_root">Main root</h2>

<p>{{HTMLRefTable("HTML Root Element")}}</p>

<h2 id="Dokument_metadata">Dokument metadata</h2>

<p class="tw-data-text tw-ta tw-text-small" dir="ltr" id="tw-target-text" style="text-align: left; height: 96px;"><span lang="pl">Metadane zawierają informacje o stronie. Obejmują informacje o stylach, skryptach i danych, które pomagają oprogramowaniu</span> ({{Glossary("search engine", "search engines")}}, {{Glossary("Browser","browsers")}}, etc.) <span lang="pl">w renderowaniu strony. Metadane stylów i skryptów można zdefiniować na stronie lub w linku do innego pliku, który zawiera te informacje.</span></p>

<p>{{HTMLRefTable("HTML Document Metadata")}}</p>

<h2 id="Zmiana_roota">Zmiana roota</h2>

<p>{{HTMLRefTable("Sectioning Root Element")}}</p>

<h2 id="Sekcja_treści">Sekcja treści</h2>

<p class="tw-data-text tw-ta tw-text-small" dir="ltr" style="text-align: left; height: 192px;"><span lang="pl">Elementy do dzielenia treści umożliwiają porządkowanie treści dokumentu na elementy logiczne. Użyj elementów przekroju, aby utworzyć ogólny zarys zawartości strony, w tym nawigację nagłówka i stopki oraz elementy nagłówka w celu identyfikacji sekcji treści.</span>    {{HTMLRefTable("HTML Sections")}}</p>

<h2 id="Treść_tekstowa">Treść tekstowa</h2>

<p>Use HTML text content elements to organize blocks or sections of content placed between the opening {{HTMLElement("body")}} and closing <code>&lt;/body&gt;</code> tags. Important for {{Glossary("accessibility")}} and {{Glossary("SEO")}}, these elements identify the purpose or structure of that content.</p>

<p>{{HTMLRefTable("HTML Grouping Content")}}</p>

<h2 id="Inline_text">Inline text</h2>

<p>Używaj <code>HTML inline text</code>, aby zdefiniować znaczenie, strukturę lub style słowa, linii lub inną dowolną część tekstu.</p>

<p>{{HTMLRefTable("HTML Text-Level Semantics")}}</p>

<h2 id="Obrazy_i_multimedia">Obrazy i multimedia</h2>

<p>HTML wspiera różnorodne multimedia jak obrazy, audio i video.</p>

<p>{{HTMLRefTable("multimedia")}}</p>

<h2 id="Zagnieżdżona_treść">Zagnieżdżona treść</h2>

<p>Oprócz zwykłych multimediów, HTML może zawierać jeszcze różną treść, nawet jeżeli niełatwa jest praca z nią.</p>

<p>{{HTMLRefTable({"include":["HTML embedded content"], "exclude":["multimedia"]})}}</p>

<h2 id="Tworzenie_skryptów">Tworzenie skryptów</h2>

<p>W celu tworzenia dynamicznej treści i aplikacji webowych, HTML wspiera użycie języków skryptowych, w szczególności JavaScript. Poniższe elementy umożliwiają tę właściwość.</p>

<p>{{HTMLRefTable("HTML Scripting")}}</p>

<h2 id="Zmiany_demarkacyjne">Zmiany demarkacyjne</h2>

<p>Poniższe elementy pozwalają wskazać te części tekstu, które zostały zmienione.</p>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Element</th>
   <th scope="col">Opis</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><code><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Element/del">&lt;del&gt; </a></code></td>
   <td>Używany do określenia, która część tekstu została usunięta. </td>
  </tr>
  <tr>
   <td><code><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Element/ins">&lt;ins&gt; </a></code></td>
   <td>Używany do określenia, która część tekstu została wstawiona</td>
  </tr>
 </tbody>
</table>

<p><code>&lt;p&gt;&lt;del&gt;Goodbye&lt;/del&gt; &lt;ins&gt;Hello&lt;/ins&gt; world!&lt;/p&gt;</code><br>
  </p>

<h2 class="tw-data-text tw-ta tw-text-small" dir="ltr" id="Zawartość_tabel" style="text-align: left; height: 48px;">Zawartość tabel</h2>

<p class="tw-data-text tw-ta tw-text-small" dir="ltr" id="tw-target-text" style="text-align: left; height: 48px;"><br>
 <span lang="pl">Poniższe elementy służą do tworzenia i obsługi danych tabelarycznych.</span></p>

<p>{{HTMLRefTable("HTML tabular data")}}</p>

<h2 id="Formularze">Formularze</h2>

<p><span lang="pl">HTML udostępnia wiele elementów, które mogą być używane razem do tworzenia formularzy, które użytkownik może wypełnić i przesłać do witryny sieci Web lub aplikacji. Istnieje wiele dalszych informacji na ten temat dostępnych w</span><a href="/en-US/docs/Web/Guide/HTML/Forms"> przewodnikach po formularzach HTML</a>.</p>

<p>{{HTMLRefTable({"include": ["HTML forms"], "exclude":["Deprecated"]})}}</p>

<h2 id="Interaktywne_elementy">Interaktywne elementy</h2>

<p class="tw-data-text tw-ta tw-text-small" dir="ltr" id="tw-target-text" style="text-align: left; height: 72px;"><span lang="pl">HTML oferuje wybór elementów, które pomagają tworzyć interaktywne obiekty interfejsu użytkownika.</span></p>

<p>{{HTMLRefTable("HTML interactive elements")}}</p>

<h2 id="Web_Components"><span lang="pl">Web Components</span></h2>

<div class="oSioSc">
<div id="tw-target">
<div class="gsrt tw-ta-container tw-nfl" id="tw-target-text-container">
<p class="tw-data-text tw-ta tw-text-small" dir="ltr" id="tw-target-text" style="text-align: left; height: 192px;"><span lang="pl">Web Components to technologia związana z HTML, która umożliwia tworzenie i używanie niestandardowych elementów tak, jakby były zwykłymi HTML-ami. Ponadto można tworzyć niestandardowe wersje standardowych elementów HTML.</span></p>
</div>
</div>
</div>

<p>{{HTMLRefTable({"include":["Web Components"],"elements":["shadow"]})}}</p>

<h2 id="Przestarzałe_elementy">Przestarzałe elementy</h2>

<div class="warning">
<p class="tw-data-text tw-ta tw-text-small" dir="ltr" id="tw-target-text" style="text-align: left; height: 48px;"><strong>Ostrzeżenie: </strong><span lang="pl">Są to elementy HTML, które są przestarzałe i nie powinny być już dłużej używane.</span><strong> Nie należy ich używać w nowych projektach. W starszych projektach należy je jak najszybciej zastąpić nowszymi elementami.</strong> <span lang="pl">Przestarzałe elementy zostały wymienione tutaj wyłącznie w celach informacyjnych.</span></p>
</div>

<p>{{HTMLRefTable({"include":["Deprecated","Obsolete"]})}}</p>