---
title: Wprowadzenie do HTML
slug: Learn/HTML/Introduction_to_HTML
translation_of: Learn/HTML/Introduction_to_HTML
---
<div>{{LearnSidebar}}</div>

<p>W samym sercu, HTML jest dość prostym językiem składającym się z elementów, które można zastosować do fragmentów tekstu, aby nadać im różne znaczenie w dokumencie (Czy jest to akapit? Czy jest to wypunktowana lista? Czy jest to część tabeli?), ułożyć dokument w logiczne sekcje (Czy ma nagłówek? Trzy kolumny treści? Menu nawigacyjne?), a także osadzić treści takie jak obrazy i filmy na stronie. Ten moduł wprowadzi pierwsze dwa z nich i wprowadzi podstawowe pojęcia i składnie, które musisz znać, aby zrozumieć HTML.</p>



<h2 id="Wymagania_wstępne">Wymagania wstępne</h2>

<p>Nie wymagamy od Ciebie żadnych umiejętności związanych z HTML na początku tego kursu. Wymagane są jednak umiejętności obsługi komputera, a także podstawowa "pasywna" znajomość sieci (umiejętność przeglądania i przyswajania stron internetowych). Powinieneś mieć ustawione podstawowe środowisko (zgodnie z instrukcją z <a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Installing_basic_software">Installing basic software</a>), a także rozumieć, jak tworzyć i zarządzać plikami (tak jak zostało to dokładnie wytłumaczone w <a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/Dealing_with_files">Dealing with files</a>). Te dwie rzeczy są częścią naszego tutoriala dla początkujących <a href="https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web">Getting started with the web</a>.</p>

<div class="note">
<p><strong>Notatka</strong>: Jeżeli pracujesz na komputerze/tablecie/innym urządzeniu, na którym nie możesz stworzyć plików, możesz wypróbować (przynajmniej większość) nasze przykłady w specjalnych serwisach, takich jak <a href="http://jsbin.com/">JSBin</a> czy <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
</div>

<h2 id="Tutoriale">Tutoriale</h2>

<p>Ten moduł składa się z poniższych artykułów, które wprowadzą Cię w podstawy HTML i dadzą możliwość wypróbowania nabytych umiejętności.</p>

<dl>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Getting_started">Rozgrzewanie silników HTML</a></dt>
 <dd>Zajmuje się absolutnymi podstawani HTML - definiujemy elementy, atrybuty i inne ważne pojęcia, a także pokazuje jaką funkcję spełniają one w języku. Pokazuje w jaki sposób jest zbudowana typowa strona w HTML, wraz z budową samych elementów, a także wyjaśnia inne, podstawowe cechy języka. Podczas nauki zainteresujemy Cię HTML poprzez zabawę!</dd>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML">Co jest w głowie (headzie)? Metadata w HTML</a></dt>
 <dd>Znacznik <a href="/en-US/docs/Glossary/Head">head</a> i jego zawartość w dokumencie HTML<strong> nie jest</strong> wyświetlany kiedy strona zostaje załadowana. Zawiera on informacje takie jak {{htmlelement("title")}} (tytuł strony),  linki do {{glossary("CSS")}} (Jeżeli chcesz dodać stylowanie do zawartości html), linki do własnych faviconów, a także metadane (dane o stronie, takie jak autor i słowa, które opisują dokument).</dd>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">Podstawy tekstu w HTML</a></dt>
 <dd>Głównym zadaniem HTML jest nadanie znaczenia tekstowi (także znane jako <a href="/en-US/docs/Glossary/Semantics">semantyka</a>), w taki sposób, aby przeglądarka wiedziała, jak wyświetlić go w prawidłowy sposób. Ten artykuł zajmuje się użyciem HTML w taki sposób, aby podzielić tekst na logiczne structury nagłówków i paragrafów, nadać większe znaczenie niektórym słowom, stworzyć listy, a także wiele innych.</dd>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Creating_hyperlinks">Tworzenie hiperłączy</a></dt>
 <dd>Hiperłącza są ważną częścią internetu - to one sprawiają, że sieć to sieć. Artykuł zajmuje się składnią hiperłączy a także omawia najlepsze praktyki ich tworzenia i użycia.</dd>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Advanced_text_formatting">Zaawansowane formatowanie tekstu</a></dt>
 <dd>Istnieją inne elementy HTMLa, których można użyć do formatowania i nie zostały omówione w artykule <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/HTML_text_fundamentals">Podstawy tekstu w HTML.</a> Elementy użyte tutaj są mniej znane, jednak nadal warte poznania. Artykuł ten zajmuje się oznaczaniem cytatów, list opisowych, kodu w językach programowania, a także innych podobnych, indeksów - górnego i dolnego, danych kontaktów, a także wielu innych.</dd>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Document_and_website_structure">Struktura strony i dokumentu</a></dt>
 <dd>HTML używane jest nie tylko do definiowania pojedynczych części strony ("paragraf" czy "zdjęcie"), lecz także do zaznaczenia większych częci strony (na przykład "nagłówek", "menu nawigacyjne" czy "główna zawartość"). Ten artykuł zajmuje się planowaniem struktury strony, a także jak pisać HTML, aby odwzorować daną struktrurę.</dd>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Debugging_HTML">Debugowanie HTML</a></dt>
 <dd>Pisanie HTML jest fajne, ale nie zawsze wszystko idzie jak z płatka. Zdarzają się sytuacje gdy "coś nie działa", a Ty nie masz pojęcia, co jest nie tak. Ten artykuł pokaże techniki i narzędzia, które są przydatne w takich sytuacjach.</dd>
</dl>

<h2 id="Zadania">Zadania</h2>

<p>Poniższe zadania mają na celu przetetowanie Twojej znajomości podstaw HTML, które zostały przedstawione w artykułach wyżej.</p>

<dl>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Marking_up_a_letter">Dodawanie stylów do listu</a></dt>
 <dd>Prędzej czy później każdy z nas uczy się, w jaki sposób napisać list. Może to zostać wykorzystane do przetestowania naszych zdolności formatowania tekstu - w tym zadaniu masz za zadanie dodanie formatowania do listu.</dd>
 <dt><a href="/en-US/docs/Learn/HTML/Introduction_to_HTML/Structuring_a_page_of_content">Dodanie struktury strony</a></dt>
 <dd>To zadanie testuje twoje umiejętności używania HTML  to dodania struktury strony, która zawiera nagłówek, stopkę, menu nawigacyjne, główną zawartość i pasek boczny.</dd>
</dl>

<h2 id="Zobacz_także">Zobacz także</h2>

<dl>
 <dt><a href="https://teach.mozilla.org/activities/web-lit-basics/">Test zdolności w sieci 1</a></dt>
 <dd>Doskonały kurs fundacji Mozilla, który przedstawia i testuje wiele umiejętności, o których mowa jest we <em>Wprowadzeniu do HTML.</em> Zainteresowani zaznajamiają sie w tym sześcioczęsciowym kursie z: czytaniem, pisaniem i byciem członkiem sieci Internet. Odkryj podstawy Internetu poprzez produkcję i współpracę.</dd>
</dl>

<div class="blockIndicator note">


<h2 id="Feedback">  Feedback</h2>

<p>Pomóż nam doskonalić nasze poradniki takie jak ten poprzez wypełnienie <a href="https://www.surveygizmo.com/s3/4871248/MDN-Guides-Survey">naszej ankiety</a>.</p>

<p>(Ankieta w języku angielskim)</p>
</div>