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>
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).
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:
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 :