HTML Hyper Text Markup Language

1
HTML Hyper Text Markup Language

• komputerowe Esperanto
• cz. I
• historia, struktura dokumentu

2
"Pajeczyna (Web) pozwala ludziom szukac i
odkrywac, decydowac samemu, jakie informacje beda
im potrzebne w przeciwienstwie do zalewu
informacji, które uderzaja w nich, ale nad
którymi nie maja kontroli. Bedzie to naprawde
bogate zródlo".

• Tim Berners-Lee

3
WWW i HTML troche historii..

• w roku 1980 Berners-Lee napisal dla wlasnych
  potrzeb program uzywajacy hipertekstu
• Od 1984 naukowcy CERN uzywaja jezyka T.B w
  srodowisku Unix
• 1989 uwazany jest za rok powstania HTML
• 1990 powstaje system nazwany World Wide Web

4
Przegladarki internetowe

• w roku 1991 powstala pierwsza przegladarka
  World-Wide Web, pracujaca na systemie Unix
• w 1993 roku Marc Andreessen stworzyl program
  Mosaic pierwsza przegladarke nie tylko dla Unix
• w 1994 powstaje firma Netscape i przegladarka
  Netscape Nawigator
• W 1995 powstaje Internet Explorer, przegladarka
  firmy Microsoft
• Kolejne lata - kolejne wersje - internetowe
  kombajny Explorer, NeoPlanet, Netscape pakiety
  wielozadaniowe

5
Cechy HTML

• Nie posiada struktur wlasciwych jezykom
  programowania
• Jest jezykiem opisu strony WWW
• Jego konstrukcja jest standaryzowana i opisana
  okreslona specyfikacja

• Sluzy do projektowania prostych stron WWW
• Na jego standardzie opieraja sie narzedzia do
  tworzenia zaawansowanych stron WWW
• http//www.w3.org

6
Elementy jezyka

• Znaczniki inaczej TAG-i
• Atrybuty znaczników
• Definicje stylów

7

• znaczniki zwane inaczej elementami zapisywane sa
  w nawiasach ltgt
• ltZNACZNIKgt - /poczatek dzialania znacznika/
• lt/ZNACZNIKgt - /koniec dzialania znacznika/
• atrybuty inaczej parametry, umieszczane sa one
  po znaczniku otwierajacym, wewnatrz nawiasu ltgt
• style opisywane sa poprzez definicje

8
Dokument HTML

• zawarty jest pomiedzy znacznikami ltHTMLgt
  lt/HTMLgt.
• Tworzony jest w edytorze tekstu, np. notatniku,
  zapisywany z rozszerzeniem htm lub html

9
Widok dokumentu HTML
10
Struktura podstawowa dokumentu

• dokument HTML dzieli sie na sekcje HEAD i BODY
• Body jest wlasciwym cialem dokumentu
• HEAD jest blokiem naglówkowym

11
Wazne elementy HEAD

• znacznik META przypomina zbiór zaklec, moze
  powtarzac sie wielokrotnie
• przyklady
• ltMETA NAME"Author" Content"A.Smigielska"gt
• ltMETA http-equivContent-Type
  contenttext/html charsetwindows-1250gt
• ltMETA http-equivContent-Type
  contenttext/html charsetISO-8859-2gt
• tytul strony ltTITLEgt Privat lt/TITLEgt

12
ltBODYgt zawartosc dokumentu lt/BODYgt
13
Atrybuty BODY

• BGCOLOR"E0E0E0" /atrybut koloru tla dokumentu/
• TEXT"black" /atrybut koloru tekstu dokumentu/
• LINK"blue" /atrybut odnosników/
• VLINK"fuchsia" /atrybut odnosników wskazanych/
• ALINK"red" gt /atrybut odnosników uzytych/
• BACKGROUND"obrazek.jpg" /tlem moze byc równiez
  obrazek/