Wprowadzenie do HTML
Praktyczne ćwiczenie do wykonania
Naucz się, jak zainstalować edytor Visual Studio Code, utworzyć w nim pierwszy plik HTML oraz uruchomić go w przeglądarce internetowej.
Krok 1: Instalacja Visual Studio Code
- Wejdź na stronę https://code.visualstudio.com/.
- Pobierz instalator odpowiedni dla Twojego systemu operacyjnego (Windows / macOS / Linux).
- Zainstaluj program, korzystając z domyślnych ustawień instalatora.
- Po instalacji uruchom Visual Studio Code.
Krok 2: Utworzenie pierwszego projektu
- Na swoim komputerze utwórz folder o nazwie MojaStrona.
- Otwórz folder MojaStrona w Visual Studio Code (Plik → Otwórz folder...).
- Wewnątrz folderu utwórz nowy plik o nazwie:
Krok 3: Napisanie pierwszego kodu HTML
W pliku index.html wpisz poniższy kod:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
</head>
<body>
<h1>Hello World!</h1>
<p>To jest moja pierwsza strona HTML.</p>
</body>
</html>
Krok 4: Uruchomienie strony w przeglądarce
- Zapisz plik (Ctrl + S).
- Otwórz folder MojaStrona w systemie i kliknij dwukrotnie plik index.html.
- Strona otworzy się w Twojej domyślnej przeglądarce.
- Powinieneś zobaczyć napis:
Krok 5: Zadanie do wykonania
- Wykonaj wszystkie kroki powyżej.
- Zmień treść nagłówka h1 na swoje imię, np. „Witaj, Kasia!”.
- Dodaj dodatkowy akapit p z własnym tekstem.
- Zapisz plik i ponownie uruchom stronę w przeglądarce.