Projektowanie stron Lekcja 2

Wprowadzenie do języka HTML. Edytory HTML. Szkielet strony HTML.

Przykładowy szkielet strony:

<!DOCTYPE html>
<html lang="pl">
  <head>
     <meta charset="utf-8">
     <title> TYTUŁ </title>
  </head>
  
  <body>
     <header> MAGŁÓWEK STRONY </header>
     <section>
       <article> ążśźęćółń </article>
       <article> ążśźęćółń </article>
     </section>
     <footer> STOPKA STRONY </footer>
  </body>
</html>

Zadanie 1

Podaj 4 przykłady edytorów wykorzystywanych do składnia kodu HTML. Zapisz w swoich podręcznych notatkach odnosniki do tych narzędzi i dodaj krótki opis ich właściwości (4-5 zdań). Wskaż co je wyróżnia spośród innych edytorów.

Zadanie 2

Korzystając z narzędzia NotePad++ utwórz dokument cw1.html i zapisz go we wskazanej lokalizacji. Sprawdź sposób kodowania znaków w dokumencie. Skopiuj do utworzonego dokumentu przykładowy kod szkieletu strony. Jako treść dokumentu wpisz swoje imię i nazwisko oraz klasę. Otwórz dokument przy pomocy dostępnych przeglądarek internetowych.

Zadanie 3

Skopiuj dokument cw1.html we wskazane miejsce (dysk S:) i utwórz jego kopię nadając jej nazwę index.html. Sprawdź przy pomocy dostępnych przeglądarek czy działa Twoja strona internetowa. Sprawdź jak przy pomocy przeglądarki uruchomić stronę pod wskazanym adresem wywołując plik o znanej nazwie (cw1.html). Sprawdź czy możesz otworzyć strony internetowe swoich kolegów z klasy.

Zadanie 4

Wymień i krótko scharakteryzuj podstawowe elementy strony internetowej. Zapisz swoje spostrzeżenia w podręcznych notatkach.

Zadanie 5

Wskaż błędy w poniższym kodzie:

<DOCTYPE>
<html LANG="PL">
  <head>
     <title> ABC HTML </title>
  <head>
  <BODY>
  
</html>

Zadanie 6

Przygotuj plik, w którym jako treść zaprezentujesz 2 zdania zawierające znaki narodowe niemieckie cw2n.html i rosyjskie cw2r.html.

Zadanie 7

W którym roku powstał język HTML?
W którym roku wprowadzono do użytku HTML v.5?
W jakim celu stosuje się w dokumencie HTML zapis ?
Jaki znacznik wskazuje na widoczną w przeglądarce część dokumentu HTML?
Co oznacza sformułowanie, że znaczniki HTML-owe zwykle występują w parach?
Czy w HTML v.5 wymagane jest pisanie tagów małymi literami?
Wyjaśnij pojęcie "pusty element" w języku HTML.
Czy w HTML v.5 wymaga się domykania pustych elementów?
Gdzie wymaga się domykania pustych elementów?
Wyjaśnij sformułowanie, że język HTML składa się z zagnieżdżonych elementów.
Czy nie domknięcie tagu w kodzie HTML spowoduje błędne wyświetlenie strony internetowej?
Co oznacza pojęcie "content"?

Lekcja 2

Wprowadzenie do języka HTML. Edytory HTML. Szkielet strony HTML.

Pytania i odpowiedzi: