1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
|
---
title: 'HTML: Hipertekstowy Język Znaczników'
slug: conflicting/Web/HTML
tags:
- HTML
- HTML5
- Landing
- Web
- l10n:priority
translation_of: Web/HTML
original_slug: Web/HTML(PL)
---
<div>{{HTMLSidebar}}</div>
<p class="summary"><span class="seoSummary"><strong>HTML</strong> (HyperText Markup Language) jest najbardziej podstawowym elementem składowym sieci Web. Definiuje on znaczenie i strukturę treści stron internetowych. Inne technologie poza HTML są używane do opisu wyglądu/prezentacji strony internetowej (<a href="https://developer.mozilla.org/pl/docs/Web/CSS">CSS</a>) lub funkcjonalności/zachowania (<a href="https://developer.mozilla.org/pl/docs/Web/JavaScript">JavaScript</a>).</span></p>
<p>"Hipertekst" (HyperText) odnosi się do linków łączących ze sobą strony internetowe, zarówno w obrębie jednej strony internetowej, jak i pomiędzy różnymi stronami internetowymi. Linki są podstawowym aspektem sieci Web. Umieszczając treści w Internecie i linkując je do stron stworzonych przez inne osoby, stajesz się aktywnym uczestnikiem sieci World Wide Web.</p>
<p>HTML używa "znaczników" do opisywania tekstu, obrazów i innych treści do wyświetlania w przeglądarce internetowej. Znacznik HTML zawiera specjalne "elementy", takie jak {{HTMLElement("head")}}, {{HTMLElement("title")}}, {{HTMLElement("body")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("article")}}, {{HTMLElement("section")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}}, {{HTMLElement("span")}}, {{HTMLElement("img")}}, {{HTMLElement("aside")}}, {{HTMLElement("audio")}}, {{HTMLElement("canvas")}}, {{HTMLElement("datalist")}}, {{HTMLElement("details")}}, {{HTMLElement("embed")}}, {{HTMLElement("nav")}}, {{HTMLElement("output")}}, {{HTMLElement("progress")}}, {{HTMLElement("video")}} i wiele innych.</p>
<p>Element HTML jest odróżniany od zwykłego tekstu w dokumencie za pomocą "tagów", które składają się z nazwy elementu otoczonego przez "<" oraz ">". Nazwa elementu wewnątrz znacznika nie rozróżnia wielkości liter. Oznacza to, że może być napisana wielkimi, małymi lub zmieszanymi literami. Na przykład tag <strong><title></strong> może być zapisany jako <Title>,<TITLE> lub w inny sposób.</p>
<p>Poniższe artykuły pomogą Ci dowiedzieć się więcej o HTML.</p>
<section class="cleared" id="sect1">
<ul class="card-grid">
<li><span>Wprowadzenie do HTML</span>
<p>Jeśli dopiero rozpoczynasz tworzenie stron internetowych, zapoznaj się z naszym artykułem <a href="https://developer.mozilla.org/pl/docs/Learn/Getting_started_with_the_web/HTML_basics">Podstawy HTML</a>, aby dowiedzieć się czym jest HTML i jak go używać.</p>
</li>
<li><span>Poradniki HTML</span>
<p>Aby zapoznać się z artykułami o tym jak korzystać z HTML, jak również z samouczkami i kompletnymi przykładami, sprawdź naszą <a href="https://developer.mozilla.org/pl/docs/Learn/HTML">Strefę Nauki HTML</a>.</p>
</li>
<li><span>Odniesienia HTML</span>
<p>W naszej obszernej sekcji <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Reference">Odniesienia HTML</a>, znajdziesz szczegóły dotyczące każdego elementu i atrybutu w HTML.</p>
</li>
</ul>
<div class="row topicpage-table">
<div class="section">
<h2 class="Tools" id="Poradniki_dla_początkujących">Poradniki dla początkujących</h2>
<p>Nasza <a href="https://developer.mozilla.org/pl/docs/Learn/HTML">Strefa Nauki HTML</a> zawiera wiele modułów, które uczą HTML od podstaw - nie jest wymagana wcześniejsza wiedza.</p>
<dl>
<dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Introduction_to_HTML">Wprowadzenie do HTML</a></dt>
<dd>Ten moduł jest etapem, który pozwala przyzwyczaić się do ważnych pojęć i składni, takich jak spojrzenie na zastosowanie HTML dla tekstu, jak tworzyć hiperłącza i jak używać HTML do strukturyzacji strony internetowej.</dd>
</dl>
<dl>
<dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Multimedia_and_embedding">Multimedia i osadzanie</a></dt>
<dd>Moduł ten wyjaśnia jak używać HTML do umieszczania multimediów na stronach internetowych, w tym różnych sposobów na dodawanie obrazów oraz osadzanie wideo, audio, a nawet całych innych stron internetowych.</dd>
<dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Tables">Tabele HTML</a></dt>
<dd>Przedstawienie danych tabelarycznych na stronie internetowej w zrozumiały i dostępny sposób może być wyzwaniem. Moduł ten obejmuje podstawowe znaczniki tabelaryczne wraz z bardziej złożonymi funkcjami, takimi jak implementacja podpisów i podsumowań.</dd>
<dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Forms">Formularze HTML</a></dt>
<dd>Formularze są bardzo ważną częścią sieci Web — zapewniają one wiele funkcji potrzebnych do interakcji z witrynami internetowymi, np. rejestracja i logowanie, wysyłanie opinii, kupowanie produktów i wiele więcej. Ten moduł przygotuje Cię do rozpoczęcia tworzenia części formularzy po stronie klienta/front-end.</dd>
<dt><a href="https://developer.mozilla.org/pl/docs/Learn/HTML/Howto">Użyj HTML do rozwiązywania częstych problemów</a></dt>
<dd>Zawiera linki do sekcji wyjaśniających, jak używać HTML do rozwiązywania bardzo powszechnych problemów przy tworzeniu strony internetowej: radzenie sobie z tytułami, dodawanie zdjęć lub filmów, podkreślanie treści, tworzenie podstawowej formy, itp.</dd>
</dl>
<h2 id="Zaawansowane_zagadnienia">Zaawansowane zagadnienia</h2>
<dl>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/CORS_enabled_image">CORS z włączoną funkcją obrazów</a></dt>
<dd class="landingPageList">Atrybut {{htmlattrxref("crossorigin", "img")}}, w połączeniu z odpowiednim nagłówkiem {{glossary("CORS")}}, pozwala na ładowanie obrazów zdefiniowanych przez element {{HTMLElement("img")}} z innych źródeł i używanie ich w elemencie {{HTMLElement("canvas")}} tak, jakby były ładowane z lokalnego źródła.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/CORS_settings_attributes">Ustawienia atrybutów CORS</a></dt>
<dd class="landingPageList">Niektóre elementy HTML, które zapewniają wsparcie dla <a href="https://developer.mozilla.org/pl/docs/Web/HTTP/CORS">CORS</a>, takie jak {{HTMLElement("img")}} lub {{HTMLElement("video")}}, posiadają atrybut <code>crossorigin</code> (właściwość <code>crossOrigin</code>), który umożliwia konfigurację żądań CORS dla wczytywanych przez ten element danych.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/API/Document/hasFocus">Zarządzanie metodą focus w HTML</a></dt>
<dd class="landingPageList">Atrybut <code><a href="https://developer.mozilla.org/pl/docs/Web/API/DocumentOrShadowRoot/activeElement">activeElement</a></code> w DOM i metoda <code><a href="https://developer.mozilla.org/pl/docs/Web/API/Document/hasFocus">hasFocus()</a></code> w DOM pomagają śledzić i kontrolować interakcje użytkownika z elementami na stronie internetowej.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Zasoby_offline_w_Firefoksie">Korzystanie z pamięci podręcznej aplikacji</a></dt>
<dd class="landingPageList">Buforowanie aplikacji umożliwia uruchamianie aplikacji internetowych w trybie offline. Możesz użyć interfejsu <strong>Application Cache</strong> (<em>AppCache</em>) aby określić zasoby, które przeglądarka powinna buforować i udostępniać użytkownikom offline. Aplikacje, które są buforowane i działają poprawnie, nawet jeśli użytkownicy kliknęli przycisk odświeżania, gdy są w trybie offline.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Preloading_content">Wstępne ładowanie treści z rel="preload"</a></dt>
<dd class="landingPageList">Wartość <code>preload</code> atrybutu {{htmlattrxref("rel", "link")}} elementu {{htmlelement("link")}} pozwala na pisanie deklaratywnych żądań pobrania w sekcji {{htmlelement("head")}} dokumentu HTML, określając zasoby, które strony będą potrzebowały bardzo szybko po załadowaniu, których w związku z tym chcesz rozpocząć ładowanie od razu na początku cyklu życia strony, zanim uruchomi się główna maszyna renderująca w przeglądarce. Dzięki temu są one dostępne wcześniej i istnieje mniejsze ryzyko zablokowania pierwszego renderu strony, co prowadzi do poprawy wydajności. Ten artykuł zawiera podstawowy przewodnik po tym, jak działa <code>ładowanie wstępne</code>.</dd>
</dl>
</div>
<div class="section">
<h2 class="Documentation" id="Odniesienia">Odniesienia</h2>
<dl>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Reference">Odniesienia HTML</a></dt>
<dd class="landingPageList">HTML składa się z elementów, z których każdy może być modyfikowany przez pewną liczbę atrybutów. Dokumenty HTML są ze sobą połączone <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Link_types">linkami</a>.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Element">Odniesienia do elementów HTML</a></dt>
<dd class="landingPageList">Przeglądaj listę wszystkich {{glossary("Element", "elementów")}} {{glossary("HTML")}}.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Attributes">Odniesienia do atrybutów HTML</a></dt>
<dd class="landingPageList">Elementy w HTML mają <strong>atrybuty</strong>. Są to dodatkowe wartości, które konfigurują elementy lub dostosowują ich zachowanie na różne sposoby.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Global_attributes">Atrybuty globalne</a></dt>
<dd class="landingPageList">Atrybuty globalne mogą być definiowane na wszystkich <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Element">elementach HTML</a>, <em>nawet tych, które nie zostały określone w standardzie</em>. Oznacza to, że wszelkie niestandardowe elementy muszą nadal zezwalać na te atrybuty, nawet jeśli elementy te sprawiają, że dokument jest niezgodny z HTML5.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Elementy_liniowe">Elementy inline</a> oraz <a href="https://developer.mozilla.org/pl/docs/Web/HTML/Elementy_blokowe">Elementy block-level</a></dt>
<dd class="landingPageList">Elementy HTML są zazwyczaj elementami "inline" lub "block-level". Element inline zajmuje tylko przestrzeń ograniczoną znacznikami, które go definiują. Element block-level zajmuje całą przestrzeń elementu nadrzędnego (kontenera), tworząc w ten sposób "blok".</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Link_types">Rodzaje odnośników</a></dt>
<dd class="landingPageList">W HTML, różne typy linków mogą być użyte do nawiązania i zdefiniowania relacji pomiędzy dwoma dokumentami. Elementy odnośników, na których można ustawiać typy to {{HTMLElement("a")}}, {{HTMLElement("area")}} oraz {{HTMLElement("link")}}.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Supported_media_formats">Formaty multimedialne obsługiwane przez elementy audio i wideo</a></dt>
<dd class="landingPageList">Elementy {{HTMLElement("audio")}} oraz {{HTMLElement("video")}} umożliwiają odtwarzanie multimediów audio i wideo. Elementy te stanowią alternatywę dla podobnych funkcji w Adobe Flash i innych wtyczkach.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/Guide/HTML/Content_categories">Rodzaje treści w HTML</a></dt>
<dd class="landingPageList">HTML składa się z kilku rodzajów treści, z których każda może być używana w określonych kontekstach, a w innych jest niedozwolona. Podobnie, każda z nich posiada zestaw innych kategorii zawartości, które mogą zawierać oraz elementy, które mogą lub nie mogą być w nich użyte. To jest przewodnik po tych kategoriach.</dd>
<dt class="landingPageList"><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">Tryb Quirks oraz tryb standardów</a></dt>
<dd class="landingPageList">Historyczne informacje o trybie quirks i trybie standardów.</dd>
</dl>
<h2 class="landingPageList" id="Tematy_powiązane">Tematy powiązane</h2>
<dl>
<dt><a href="https://developer.mozilla.org/pl/docs/Web/HTML/Applying_color">Zastosowanie koloru do elementów HTML przy użyciu CSS</a></dt>
<dd>W tym artykule omówiono większość sposobów na użycie CSS w celu dodania kolorów do zawartości HTML, wymieniając które części dokumentów HTML mogą być kolorowane i jakie właściwości CSS mogą być do tego użyte. Zawiera przykłady, odnośniki do narzędzi do budowania palet i wiele innych.</dd>
</dl>
</div>
</div>
<span class="alllinks"><a href="https://developer.mozilla.org/pl/docs/tag/HTML">Zobacz wszystkie...</a></span></section>
|
