Tworzenie WWW-struktra dokumentu, znaczniki meta, polskie znaki.

Tworzenie WWW-struktra dokumentu, znaczniki meta, polskie znaki.

Język HTML -

Podstawowy język projektowania stron internetowych

• 
  Tworzenie WWW
  
  - wprowadzenie
  
  
• 
  Struktura
  
  dokumentu
  
  
• 
  Znaczniki
  
  meta
  
  
• 
  Polskie
  
  znaki
  
  

Podstawowym elementem
języka HTML jest znacznik

Znacznik -

to specjalne polecenie w nawiasach ostrych, określające jaki ma być wygląd i układ strony

Tworzenie WWW

Struktura dokumentu

Deklaracja typu dokumentu • Budowę dokumentu hipertekstowego rozpoczyna się od zadeklarowania, w jakiej wersji języka HTML tworzona będzie strona internetowa, czyli od deklaracji typu dokumentu DTD

Elementy zdeprecjonowane • Znaczniki i atrybuty zdeprecjonowane (dot. języka HTML i XHTML) to elementy uznawane za przestarzałe. • Zaleca się nieużywanie ich i korzystanie z nowszych technik, np. arkuszy stylów CSS.

Deklaracja typu dokumentu w języku HTML • W HTML 4.01 można wykorzystać jedną z trzech wersji deklaracji dokumentu: – wersja Strict (ścisła) –Wersja Transitional (przejściowa) –Wersja Frameset (ramkowa)

Deklaracja typu dokumentu w języku HTML • W HTML 4.01 można wykorzystać jedną z trzech wersji deklaracji dokumentu: – wersja Strict (ścisła) –Wersja Transitional (przejściowa) –Wersja Frameset (ramkowa)

Deklaracja typu dokumentu w języku HTML 4.01 • Strict DTD (ścisła) – zawiera znaczniki i atrybuty, które nie są zdeprecjonowane i nie pojawiają się w dokumentach z ramkami; nie obejmuje również atrybutu target=" " oraz znacznika iframe. Postać deklaracji: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" lub !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"

Deklaracja typu dokumentu w języku HTML 4.01 • Transitional DTD (przejściowa) lub inaczej loose ("luźna")– zawiera wszystkie elementy Strict DTD plus elementy zdeprecjonowane oraz znacznik iframe i atrybut target=" ". Postać deklaracji: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" lub !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"

DeklaracjaDeklaracja typu dokumentuDeklaracja w języku HTML 4.01 • Frameset DTD (ramkowa) – zawiera wszystkie elementy Transitional DTD plus elementy odnoszące się do ramek (frame, frameset, noframes). Postać deklaracji: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" lub !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" DeklaracjaDeklaracja typu dokumentuDeklaracja w języku XHTML • W XHTML 1.0 można wykorzystać jedną z trzech wersji deklaracji dokumentu: – wersja Strict (ścisła) –Wersja Transitional (przejściowa) –Wersja Frameset (ramkowa)

DeklaracjaDeklaracja typu dokumentuDeklaracja w języku XHTML 1.0 • Wersja Strict (ścisła) – zawiera znaczniki i atrybuty, które nie są zdeprecjonowane i nie pojawiają się w dokumentach z ramkami; nie obejmuje również atrybutu target=" " oraz znacznika iframe. Postać deklaracji: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict //EN" DeklaracjaDeklaracja typu dokumentuDeklaracja w języku XHTML 1.0 • Wersja Transitional (przejściowa) – zawiera wszystkie elementy Strict, elementy zdeprecjonowane oraz znacznik iframe i atrybut target=" ". Postać deklaracji: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

DeklaracjaDeklaracja typu dokumentuDeklaracja w języku XHTML 1.0 • Wersja Frameset (ramkowa) – zawiera wszystkie elementy Transitional oraz elementy odnoszące się do ramek (frame, frameset, noframes). Postać deklaracji: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

DeklaracjaDeklaracja typu dokumentuDeklaracja w języku XHTML 1.1 • W wersji XHTML 1.1 stosowana jest tylko jedna wersja deklaracji: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 //EN"

DeklaracjaDeklaracja typu dokumentuDeklaracja w języku HTML 5 • W wersji HTML 5 stosowana jest tylko jedna wersja deklaracji: !DOCTYPE HTML

DeklaracjaPodstawowa struktura dokumentuDeklaracja • Każda strona internetowa zawiera: – deklarację języka html (html i /html), – nagłówek (head i /head) – treść dokumentu czyli ciało (body i /body). HTML HEAD zawartość nagłówka /HEAD BODY zawartość strony /BODY /HTML nagłówek część główna dokument Ramy dokumentu hipertekstowego • Każdy dokument tekstowy powinien zaczynać się od znacznika html i kończyć się znacznikiem /html. html !– zawartość dokumentu hipertekstowego --> /html Nagłówek strony head • Nagłówek odpowiedzialny jest za przechowywanie informacji dotyczących całego dokumentu, np.: tytuł strony, kodowanie polskich znaków, słowa kluczowe, podstawowy opis strony, style formatujące dokument czy dane autora. Ogólny zarys: head !—nagłówek dokumentu--> /head Nagłówek strony head • Elementy zawarte w nagłówku nie są widoczne dla użytkownika przeglądającego stronę w Internecie. • Informacje z nagłówka są zrozumiałe jedynie dla przeglądarki. • Najważniejsze polecenia w sekcji head to: – tytuł strony umieszczony w znacznikach title i /title – znacznik meta, który odpowiedzialny jest za przekazywanie dodatkowych informacji na temat witryny (metainformacje). Treści dokumentu body • Treści bezpośrednio uwidocznione na stronie umieszczone są w części treści dokumentu zwanym też ciałem czyli body. • Jest to miejsce przeznaczone do wprowadzenia m.in. tekstów i obrazów. • Ogólny zarys: body !—treść dokumentu (ciało)-- /body Niektóre atrybuty znacznika body • Zmiana koloru tła strony - atrybut bgcolor bgcolor="kolor" • Wybór obrazka, jako tła strony – atrybut background body background="obraz.jpg" Ogólny zarys strony html head !--nagłówek dokumentu-- /head body !—treść dokumentu-- /body /html Przykład html head title Pierwsza strona /title /head body To moja pierwsza strona /body /html

Tworzenie WWW-struktra dokumentu, znaczniki meta, polskie znaki.