Podstawy HTML

Polecenie 1

1. Utwórz folder o nazwie: Strona w HTML
2. W tym folderze utwórz 4 pliki tekstowe w notatniku (pliki robocze – .txt)
3. Nadaj im nazwy: index, o nas, cennik, kontakt
4. W każdym z nich wklej i zapisz strukturę dokumentu w HTML (poniżej)
5. Otwórz każdy z tych plików i zapisz z rozszerzeniem .html (pliki wynikowe – .html)
– W notatniku z menu na górnej belce wybieramy polecenie Plik, a następnie opcję Zapisz jako, w menu zapisu wybieramy wszystkie pliki i zmieniamy nazwę i rozszerzenie pliku na index.html (itd. lub nadpisujemy istniejący już plik), oraz pod spodem zmieniamy Kodowanie na utf-8.

Struktura dokumentu

<!DOCTYPE html>
<html>
      <head>
          <meta charset="UTF-8">
      </head>
      <body>
          Moja pierwsza strona internetowa.
      </body>
</html>

Polecenie 2

1. Skopiuj do index.txt poniższą sekcję <head>
2. Wypełnij ją o swoje treści i zapisz plik index.txt a następnie ten plik zapisz (nadpisz) jako index.html
3. To samo zrób z pozostałymi plikami. Dostosuj opisy do konkretnych podstron (co innego w cenniku a co innego w zakładce kontakt).

Przykład sekcji <head>

<head>
    <meta charset="UTF-8">
    <title>Moja Strona</title>
    <meta name="description" content="Opis mojej strony">
    <meta name="keywords" content="słowa kluczowe po przecinku">
    <meta name="author" content="Twoje Imię/nick itp.">
    <link rel="stylesheet" href="style.css">
</head>

Polecenie 3

1. Uzupełnij w każdym pliku roboczym (.txt) poniższą sekcję <body> o treść dopasowaną do Waszego pomyslu na swoją stronę WWW, a następnie każdy plik zapisz (nadpisz) do pliku wynikowego (.html)
2. Użyj
Nagłówki <h1> – <h6>
Akapity <p>
Podziały <br>
Podkreślenia <strong>, <em>

Przykład sekcji <body>

<!DOCTYPE html>
<html>
      <head>
          <meta charset="UTF-8">
      </head>
      <body>
          Moja pierwsza strona internetowa.
      </body>
</html>

Strona w HTML - podstawy

2025-03-23