Strona e-learningowa jest zgodna ze standardami WCAG 2.1 na poziomie AA, zapewniając dostępność dla wszystkich użytkowników.

Moduł III – HTML (3 godz.)
Kurs Java – Zespół Szkół w Sokołowie Małopolskim

W trzecim module uczestnicy poznają podstawy języka HTML, który służy do tworzenia struktury stron internetowych. HTML pozwala określić, jakie elementy znajdują się na stronie oraz jak są uporządkowane.

Omówiona zostanie struktura dokumentu HTML, w tym elementy takie jak nagłówek, sekcja head oraz body. Uczestnicy nauczą się, jak poprawnie budować podstawowy szkielet strony internetowej.

Moduł obejmuje również podstawowe znaczniki HTML, takie jak nagłówki, akapity, listy oraz linki. Uczestnicy poznają ich zastosowanie oraz sposób użycia w praktyce podczas tworzenia prostych stron.

Moduł 3 Java – HTML podstawy

KURS PROGRAMOWANIA W JĘZYKU JAVA

Intensywny, 24-godzinny kurs wprowadzający w podstawy programowania z wykorzystaniem języka Java. Uczestnicy poznają czym jest program komputerowy, jak działa komputer oraz jak wygląda proces tworzenia i uruchamiania aplikacji. Szkolenie łączy teorię z praktyką, dzięki czemu każdy moduł kończy się ćwiczeniami programistycznymi.

Kurs przygotowuje do samodzielnego pisania prostych programów w Java, rozumienia podstawowych pojęć programistycznych oraz dalszego rozwijania umiejętności w kierunku tworzenia aplikacji.

Moduł 3 — HTML (3 godz.)

1. Podstawy HTML

  • Czym jest HTML i do czego służy.
  • HTML jako język znaczników do tworzenia struktury strony.
  • Rola HTML w budowie aplikacji internetowych.

2. Struktura dokumentu HTML

  • Podstawowy szkielet dokumentu HTML.
  • Elementy: <!DOCTYPE html>, <html>, <head>, <body>.
  • Znaczenie sekcji head (metadane, tytuł strony).
  • Organizacja treści w sekcji body.

3. Podstawowe znaczniki HTML

  • Nagłówki: h1–h6.
  • Akapity: p.
  • Linki: a.
  • Listy: ul, ol, li.
  • Elementy tekstowe: strong, em.
  • Podstawowe znaczniki strukturalne strony.

Moduł 3 — Szczegółowa lekcja Java

1. Podstawy HTML

🌐 HTML (HyperText Markup Language) to język znaczników służący do tworzenia struktury stron internetowych. Nie jest to język programowania, lecz opisowy — określa, jakie elementy znajdują się na stronie i jak są uporządkowane.

  • HTML definiuje strukturę dokumentu.
  • Umożliwia tworzenie nagłówków, akapitów, list i linków.
  • Stanowi podstawę każdej strony internetowej.

2. Struktura dokumentu HTML

📄 Każdy dokument HTML ma określoną strukturę, która składa się z kilku podstawowych elementów.

  • <!DOCTYPE html> – deklaracja typu dokumentu.
  • <html> – główny element dokumentu.
  • <head> – zawiera metadane (np. tytuł strony, kodowanie).
  • <body> – zawiera widoczną treść strony.

Struktura ta jest obowiązkowa i stanowi podstawę poprawnie działającej strony internetowej.

3. Podstawowe znaczniki HTML

🧩 Znaczniki HTML służą do definiowania elementów na stronie. Każdy znacznik pełni określoną funkcję.

  • Nagłówki: h1–h6 – służą do tworzenia tytułów i podtytułów.
  • Akapity: p – do tworzenia bloków tekstu.
  • Linki: a – umożliwiają przechodzenie między stronami.
  • Listy: ul, ol, li – do tworzenia list punktowanych i numerowanych.
  • Elementy tekstowe: strong, em – pogrubienie i wyróżnienie tekstu.

Dzięki tym znacznikom można budować czytelną i uporządkowaną strukturę treści na stronie internetowej.

Ćwiczenia praktyczne:

  • Stwórz prosty dokument HTML z poprawną strukturą.
  • Dodaj nagłówek, akapit oraz listę.
  • Utwórz link do dowolnej strony internetowej.
  • Spróbuj użyć znaczników strong i em w tekście.

Po ukończeniu tej lekcji uczestnicy będą rozumieć podstawy HTML, strukturę dokumentu oraz potrafić używać podstawowych znaczników do tworzenia prostych stron internetowych.