7 HTML
Temat: Język HTML
Komunikujemy się przez Internet. Internet wydaje się czymś naturalnym, niezbędnym, bez czego nie możemy się obejść.
Pierwszy polski portal internetowy powstał 1995 r. to była Wirtualna Polska.
Ale i tak korzystanie z internetu w tamtych czasach było luksusem. W roku 2000 8 godzin serfowania w internecie z prędkością przesyłu danych 56,6 kbit/s .... kosztowało 50,- zł (policzcie ile cała wasza rodzina zapłaciłaby za miesiąc), a trzeba dodać że płace były ponad 2 razy niższe.
Tyle historii. Jednak najważniejsze pojęcia pozostają aktualne:
- www (World Wide Web) światowa sieć komputerowa
- strona www inaczej strona internetowa - to dokument napisany w języku HTML zamieszczony w Internecie na serwerze www
- Internet (między-sieć) ogólnoświatowa sieć komputerowa
- HTML (ang. HyperText Markup Language) – hipertekstowy język znaczników
- język HTML – język przeznaczony do opisywania dokumentów hipertekstowych, prezentowanych i odczytywanych następnie w sieci WWW za pomocą przeglądarki.
Dokument HTML – budowa
- Dokument HTML można utworzyć w najprostszym edytorze tekstu, np. w Notatniku.
- Dokument HTML zawiera tekst, który ma być umieszczony na stronie internetowej oraz polecenia (zwane znacznikami).
- Znaczniki stanowią informacje dla przeglądarki, jak ten dokument ma być wyświetlony na ekranie.
- Polecenia (znaczniki) umieszczamy w nawiasach < >.
- W nagłówku znajduje się tekst tytułu poprzedzony poleceniem - będzie on wyświetlany w pasku tytułowym przeglądarki.
Schemat dokumentu HTML
Zadania do wykonania
Zadanie 1
- zapoznaj się z zasadami tworzenia dokumentów HTML (podręcznik str. 54-55).
- przeczytaj temat "Znaczniki języka HTML" (podręcznik str. 56-57).
- utwórz w notatniku stronę o dyscyplinie sportu, którą sie interesujesz (podręcznik ćw. 2, str. 58).
- zapisz plik pod nazwą: index.html w folderze Strona 1
- ogladaj w przegladarceinternetowej utworzoną przez Ciebie stronę
Zadanie 2
- zapoznaj się z zasadami formatowania tekstu na stronie internetowe (podręcznik str. 60-61)
- wykonaj ćwiczenie 4 (podręcznik str. 61)
Twoja strona powinna wyglądać podobnie:
Zadanie 3
Poniżej umieszczony jest przykład strony z nagłówkami różnego poziomu
Kod źródłowy wygląda tak:
Wykonaj podobna stronę internetową z zastosowaniem nagłówków od <h1> do <h5>
NOTATKA
TEMAT: JĘZYK HTML
1. WWW (World Wide Web) światowa sieć komputerowa
2. Strona www inaczej strona internetowa - to dokument napisany w języku HTML zamieszczony w na serwerze www (web server).
3. Internet (między-sieć) ogólnoświatowa sieć komputerowa
4. HTML (ang. HyperText Markup Language) – hipertekstowy język znaczników
5. Znaczniki stanowią informacje, jak ma być wyświetlony dokument w przeglądarce.
6. Polecenia ( znaczniki ) umieszczamy w nawiasach < >.
7. Schemat dokumentu HTML
8. W nagłówku znajduje się miejsce na wpisanie tytułu strony:
<TITLE> tu wpisujesz tytuł strony </TITLE>
- będzie on wyświetlany w pasku tytułowym przeglądarki.
