Samouczek HTML

Strona główna HTML Wprowadzenie do HTML Edytory HTML Podstawy HTML Elementy HTML Atrybuty HTML Nagłówki HTML Akapity HTML Style HTML Formatowanie HTML Cytaty HTML Komentarze HTML Kolory HTML HTML CSS Linki HTML Obrazy HTML Ulubione HTML Tabele HTML Listy HTML Blok HTML i wbudowany Klasy HTML Identyfikator HTML Ramki HTML HTML JavaScript Ścieżki plików HTML Nagłówek HTML Układ HTML HTML Responsywne Kod komputerowy HTML Semantyka HTML Przewodnik po stylach HTML Jednostki HTML Symbole HTML Emotikony HTML Zestaw znaków HTML Kodowanie adresu URL HTML HTML a XHTML

Formularze HTML

Formularze HTML Atrybuty formularza HTML Elementy formularza HTML Typy danych wejściowych HTML Atrybuty wejściowe HTML Atrybuty formularza wejściowego HTML

Grafika HTML

Płótno HTML HTML SVG

Media HTML

Media HTML Wideo HTML Dźwięk HTML Wtyczki HTML HTML YouTube

API HTML

Geolokalizacja HTML Przeciągnij/upuść HTML Magazyn sieciowy HTML HTML Web Workers HTML SSE

Przykłady HTML

Przykłady HTML Quiz HTML Ćwiczenia HTML Certyfikat HTML Podsumowanie HTML Dostępność HTML

Odniesienia HTML

Lista znaczników HTML Atrybuty HTML Globalne atrybuty HTML Obsługa przeglądarki HTML Zdarzenia HTML Kolory HTML Płótno HTML HTML audio/wideo Dokumenty HTML Zestawy znaków HTML Kodowanie adresu URL HTML Kody językowe HTML Wiadomości HTTP Metody HTTP Konwerter PX na EM Skróty klawiszowe

Edytory HTML


Prosty edytor tekstu to wszystko, czego potrzebujesz, aby nauczyć się HTML.


Naucz się HTML za pomocą Notatnika lub TextEdit

Strony internetowe można tworzyć i modyfikować za pomocą profesjonalnych edytorów HTML.

Jednak do nauki HTML polecamy prosty edytor tekstu, taki jak Notatnik (PC) lub TextEdit (Mac).

Wierzymy, że używanie prostego edytora tekstu to dobry sposób na naukę HTML.

Wykonaj poniższe czynności, aby utworzyć swoją pierwszą stronę internetową za pomocą Notatnika lub TextEdit.


Krok 1: Otwórz Notatnik (PC)

Windows 8 lub nowszy:

Otwórz ekran startowy (symbol okna w lewym dolnym rogu ekranu). Wpisz Notatnik .

Windows 7 lub starszy:

Otwórz Start > Programy > Akcesoria > Notatnik


Krok 1: Otwórz TextEdit (Mac)

Otwórz Finder > Aplikacje > Edycja tekstu

Zmień także niektóre preferencje, aby aplikacja poprawnie zapisywała pliki. W Preferencjach > Format > wybierz „Zwykły tekst”

Następnie w sekcji „Otwórz i zapisz” zaznacz pole „Wyświetlaj pliki HTML jako kod HTML zamiast sformatowanego tekstu”.

Następnie otwórz nowy dokument, aby umieścić kod.


Krok 2: Napisz trochę HTML

Napisz lub skopiuj następujący kod HTML do Notatnika:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Notatnik



Krok 3: Zapisz stronę HTML

Zapisz plik na swoim komputerze. Wybierz Plik > Zapisz jako w menu Notatnika.

Nazwij plik „index.htm” i ustaw kodowanie na UTF-8 (jest to preferowane kodowanie plików HTML).

Wyświetl w przeglądarce

Wskazówka: jako rozszerzenie pliku możesz użyć .htm lub .html. Nie ma różnicy, to zależy od Ciebie.


Krok 4: Wyświetl stronę HTML w swojej przeglądarce

Otwórz zapisany plik HTML w swojej ulubionej przeglądarce (kliknij dwukrotnie plik lub kliknij prawym przyciskiem myszy i wybierz "Otwórz za pomocą").

Wynik będzie wyglądał mniej więcej tak:

Wyświetl w przeglądarce


Edytor online W3Schools — „Spróbuj sam”

Za pomocą naszego bezpłatnego edytora online możesz edytować kod HTML i wyświetlić wynik w swojej przeglądarce.

Jest to idealne narzędzie, gdy chcesz szybko przetestować kod. Posiada również kodowanie kolorami oraz możliwość zapisywania i udostępniania kodu innym osobom:

Przykład

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Kliknij przycisk „Wypróbuj sam”, aby zobaczyć, jak to działa.


Przestrzenie W3Schools

Jeśli chcesz stworzyć własną stronę internetową i zapisać kod online, wypróbuj nasz darmowy kreator stron internetowych o nazwie W3schools Spaces :