Jak TO - Tworzenie i przeglądanie strony internetowej
Dowiedz się, jak utworzyć i wyświetlić stronę internetową na komputerze.
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 hostować swoje pliki .html, wypróbuj nasz darmowy kreator stron internetowych o nazwie W3schools Spaces :