# Jak utworzyć plik HTML?
## Wprowadzenie
Czy kiedykolwiek zastanawiałeś się, jak utworzyć plik HTML? Jeśli tak, nie martw się! W tym artykule dowiesz się, jak stworzyć prosty plik HTML i zacząć tworzyć swoją własną stronę internetową. HTML, czyli HyperText Markup Language, jest podstawowym językiem używanym do tworzenia stron internetowych. Niezależnie od tego, czy jesteś początkującym programistą, czy po prostu chcesz nauczyć się podstaw tworzenia stron internetowych, ten artykuł jest dla Ciebie!
## Tworzenie pliku HTML
### Kroki do utworzenia pliku HTML
1. Otwórz dowolny edytor tekstu na swoim komputerze, na przykład Notatnik na systemie Windows lub TextEdit na systemie macOS.
2. Utwórz nowy plik, klikając na „Nowy” lub używając skrótu klawiaturowego „Ctrl + N” (Windows) lub „Cmd + N” (macOS).
3. Zapisz plik jako „nazwa_pliku.html”. Pamiętaj, aby użyć rozszerzenia „.html”, aby wskazać, że jest to plik HTML.
### Struktura podstawowego pliku HTML
Aby rozpocząć tworzenie pliku HTML, musisz zrozumieć jego podstawową strukturę. Oto przykład prostego pliku HTML:
„`html
Moja pierwsza strona HTML
Witaj, świecie!
To jest mój pierwszy paragraf.
„`
W powyższym przykładzie mamy kilka ważnych elementów:
– „ – Ten element określa, że dokument jest napisany w języku HTML.
– „ – Ten element jest kontenerem dla całej zawartości strony.
– „ – Ten element zawiera metadane strony, takie jak tytuł, styl CSS itp.
– `
` – Ten element określa tytuł strony, który jest wyświetlany na pasku tytułu przeglądarki.<br />
– „ – Ten element zawiera widoczną zawartość strony, taką jak nagłówki, paragrafy, obrazy itp.<br />
– `</p>
<h1>` – Ten element oznacza nagłówek pierwszego poziomu.<br />
– `</p>
<p>` – Ten element oznacza paragraf.</p>
<p>## Dodawanie treści do pliku HTML</p>
<p>Teraz, gdy już masz podstawową strukturę pliku HTML, możesz zacząć dodawać treść do swojej strony. Oto kilka przykładów:</p>
<p>### Dodawanie nagłówków</p>
<p>Aby dodać nagłówek do swojej strony, użyjemy elementów `</p>
<h1>` do `</p>
<h6>`. Im niższy numer, tym mniejszy będzie nagłówek. Na przykład:</p>
<p>„`html</p>
<h1 id="to-jest-naglowek-pierwszego-poziomu-qqMpiQvIRr">To jest nagłówek pierwszego poziomu</h1>
<h2 id="to-jest-naglowek-drugiego-poziomu-qqMpiQvIRr">To jest nagłówek drugiego poziomu</h2>
<h3 id="to-jest-naglowek-trzeciego-poziomu-qqMpiQvIRr">To jest nagłówek trzeciego poziomu</h3>
<p>„`</p>
<p>### Dodawanie paragrafów</p>
<p>Aby dodać paragraf, użyjemy elementu `</p>
<p>`. Na przykład:</p>
<p>„`html</p>
<p>To jest mój pierwszy paragraf.</p>
<p>To jest mój drugi paragraf.</p>
<p>„`</p>
<p>### Dodawanie list</p>
<p>Możemy również dodać listy do naszej strony. Istnieją dwa rodzaje list: nieuporządkowane (UL) i uporządkowane (OL).</p>
<p>#### Lista nieuporządkowana</p>
<p>Aby utworzyć listę nieuporządkowaną, użyjemy elementu `</p>
<ul>`, a każdy element listy będzie znajdować się w elemencie `</p>
<li>`. Na przykład:
<p>„`html</p>
<ul>
<li>Pierwszy element listy</li>
<li>Drugi element listy</li>
<li>Trzeci element listy</li>
</ul>
<p>„`</p>
<p>#### Lista uporządkowana</p>
<p>Aby utworzyć listę uporządkowaną, użyjemy elementu `</p>
<ol>`, a każdy element listy również będzie znajdować się w elemencie `</p>
<li>`. Na przykład:
<p>„`html</p>
<ol>
<li>Pierwszy element listy</li>
<li>Drugi element listy</li>
<li>Trzeci element listy</li>
</ol>
<p>„`</p>
<p>## Podsumowanie</p>
<p>Tworzenie pliku HTML może wydawać się skomplikowane na początku, ale z praktyką stanie się łatwiejsze. Pamiętaj, że HTML jest językiem znaczników, który określa strukturę i zawartość strony internetowej. W tym artykule omówiliśmy podstawowe kroki tworzenia pliku HTML, strukturę podstawowego pliku HTML oraz jak dodawać nagłówki, paragrafy i listy do strony. Teraz możesz zacząć tworzyć swoje własne strony internetowe!</p>
<p>Wezwanie do działania: </p>
<p>Aby utworzyć plik HTML, wykonaj następujące kroki:</p>
<p>1. Otwórz dowolny edytor tekstu, na przykład Notatnik (Windows) lub TextEdit (Mac).<br />
2. Utwórz nowy plik i zapisz go z rozszerzeniem „.html”, na przykład „moj_plik.html”.<br />
3. Wprowadź poniższy kod HTML do pliku:</p>
<p>„`html</p>
<p> <title>Tytuł strony
Tekst linku
„`
4. Zapisz plik i otwórz go w przeglądarce internetowej. Powinien wyświetlić się link prowadzący do strony https://www.miasto-dialogu.pl/.
