Jak napisać HTML?

Jak napisać HTML? 📝

Pisanie HTML jest bardzo proste – wystarczy dowolny edytor tekstu! Ale… dobry edytor to wygoda, mniej błędów i szybsza nauka.

Najpopularniejsze narzędzia do pisania HTML

1. Visual Studio Code (VSCode)

Darmowy, rozbudowany edytor od Microsoft
Podświetlanie składni, autouzupełnianie, wtyczki (np. Emmet, Live Server)
Wersje na Windows, Mac, Linux
Możesz podglądać stronę na żywo dzięki rozszerzeniu Live Server
Wbudowany terminal i integracja z GIT

2. Notepad++

Lekki, szybki, prosty
Podświetlanie składni
Tylko na Windows
Idealny do szybkich notatek i nauki

3. Sublime Text

Bardzo szybki, minimalistyczny
Wersja darmowa z powiadomieniami
Wiele wtyczek i motywów

4. Atom

Darmowy, otwartoźródłowy (już nie rozwijany, ale nadal używany)
Dużo wtyczek

5. Podstawowy Notatnik (Windows)

Każdy Windows ma Notatnik
Brak podświetlania składni, ale idealny na start

6. TextEdit (Mac)

Domyślny edytor tekstu na Macu
Ustaw tryb “Zwykły tekst” (Format > Make Plain Text)

7. Inne narzędzia

Brackets, Vim, nano, edytory online (np. repl.it, CodePen, JSFiddle)

Jak napisać i uruchomić swoją pierwszą stronę HTML?

Otwórz wybrany edytor tekstu
Wklej przykładowy kod HTML (np. z poprzedniej lekcji)
Zapisz plik z rozszerzeniem .html (np. moja-strona.html)
Otwórz plik w przeglądarce (dwuklik lub przeciągnij na okno przeglądarki)

Szczegółowa instrukcja krok po kroku

Przykład w Notatniku (Windows):

Otwórz Notatnik
Wklej kod HTML
Wybierz Plik > Zapisz jako…
W polu “Nazwa pliku” wpisz np. index.html (w cudzysłowie, by nie dodało .txt)
W polu “Zapisz jako typ” wybierz “Wszystkie pliki”
Otwórz plik przez dwuklik lub przeciągnij na przeglądarkę

Przykład w TextEdit (Mac):

Otwórz TextEdit
Wybierz Format > Make Plain Text
Wklej kod HTML
Zapisz jako index.html
Otwórz plik w przeglądarce

Przykład w VSCode:

Otwórz VSCode
Utwórz nowy plik, wklej kod HTML
Zapisz jako index.html
Zainstaluj rozszerzenie Live Server (opcjonalnie)
Kliknij “Go Live” – zobaczysz stronę na żywo

Porady dla początkujących 💡

Zacznij od prostych przykładów
Nie bój się eksperymentować
Używaj podświetlania składni (większość edytorów je ma)
Zapisuj pliki z rozszerzeniem .html
Jeśli coś nie działa – sprawdź, czy nie ma literówki!
Próbuj różnych edytorów, by znaleźć swój ulubiony
Korzystaj z edytorów online, jeśli nie chcesz nic instalować
Ucz się skrótów klawiszowych (przyspieszają pracę!)
Zapisuj pliki często (Ctrl+S)
Przeglądaj kod źródłowy stron (prawy klik > Wyświetl źródło strony)

Najczęstsze pytania (FAQ)

Czy muszę mieć specjalny program do HTML? Nie! Wystarczy Notatnik lub TextEdit, ale polecamy VSCode lub Notepad++ dla wygody.

Czy HTML działa bez internetu? Tak! Plik otwierasz lokalnie w przeglądarce.

Czy muszę coś instalować? Nie, ale edytor z podświetlaniem składni bardzo pomaga.

Jak sprawdzić błędy w kodzie?

Czy mogę pisać HTML na telefonie? Tak! Są aplikacje do edycji kodu na Androida/iOS (np. Acode, Juno, Kodex)

Jak uruchomić stronę na telefonie?

Czy mogę pisać HTML w chmurze?

Praktyczne przykłady

Przykład

<!DOCTYPE html>
<html>
  <head>
    <title>Moja pierwsza strona</title>
  </head>
  <body>
    <h1>Witaj!</h1>
    <p>To jest mój pierwszy plik HTML.</p>
  </body>
</html>

FAQ

Czy muszę nazywać plik index.html? Nie, ale to standardowa nazwa dla strony głównej.

Czy mogę mieć kilka plików HTML? Tak, możesz tworzyć podstrony (np. about.html, kontakt.html).

Jak otworzyć plik HTML? Kliknij dwukrotnie lub przeciągnij do przeglądarki.

Czy muszę mieć serwer? Nie, do nauki wystarczy otwarcie pliku lokalnie.

Jak udostępnić stronę innym? Wyślij plik lub opublikuj na hostingu (np. GitHub Pages).