1 Technologie prezentacji medialnych, © 2006 Igor Garnik Wykład Podstawy języka HTML dr inż. Jacek Wachowicz

2 Co to jest HTML? HyperText Markup Language Został zdefiniowany w 1981 r przez Tima Berners-Lee w szwajcarskim laboratorium CERN Jest językiem programowania Opartym na języku angielskim Definiującym co i jak ma zostać wyświetlone

3 HTML został wygenerowany w SGML Structuralized Markup LanguageIstnieje wiele rozszerzeń XHTML, DHTML, PHP, ASP, Perl, Java, JavaScript, … następcą jest XML eXtended Markup Language Podstawową ideą jest hipertekst realizowany jako linki Zbiegiem czasu stał się multimedialny

4 Polecenia - znaczniki Polecenia (tzw. Znaczniki)są zaznaczane wewnątrz nawiasów trójkątnych < > Oznaczają co ma być zrobione, np.

5 Pierwsza strona Opowieść o Ali Ala ma kota. Kot też ma swoją Alę.

6 Znaczniki domykane Działają na określonej przestrzeni (od…do)Znacznik domykający jest taki jak otwierający ale z ukośnikiem … bold Tekst … italic Tekst … underline Tekst … strike through Tekst

7 Znaczniki pojedyncze Działają w danym miejscu
break nowa linia

8 Zagnieżdżanie Ala Ala ma maZnaczniki mogą być zagnieżdżane - ale nie wolno ich przeplatać Jeżeli znaczniki są od siebie oddalone, to dobrze jest robić wcięcia Ala ma dwa koty Ala ma dwa koty

9 Poprawność i standardyPamiętaj, że przeglądarki zawsze starają się wyświetlić stronę poprawnie – nawet gdy ma ona błędy. Jeżeli jednak są błędy – wówczas różne przeglądarki różnie się zachowują Dlatego to, że u Ciebie coś dobrze wygląda nie musi oznaczać, że u innych też będzie dobrze wyglądać! Dlatego ważne jest, by być uważnym i stosować się do standardów!

10 Kolory tekst … Kolory podstawowe mają swoje zdefiniowane nazwy Zamiast predefiniowanych nazw można użyć koloru zdefiniowanego szesnastkowo: #RRGGBB Przykłady: # czarny #FFFFFF biały # szary #FF czerwony (najjaśniejszy) # czerwony (ciemniejszy) #00FF00 zielony #3F299A ???

11 Linki tekst Adres bezwzględny pok. 716, gm. B ul. G. Narutowicza 11/12 Gdańsk Adres względny Wyjdź z budynku Przejdź przez ulicę Wejdź do gmachu B Pojedź na 7. piętro Wejdź do pokoju 716 ./../ulica/siodme_pietro/laboratorium.html Specjalne katalogi: ~

12 Przydatne znaczniki Indeksy Znaki specjalne Przydatne znaki:Indeks dolny: _… Indeks górny: ^… Przykład: H2O H₂O Znaki specjalne < < > > " ”   twarda spacja Przydatne znaki:

13 Listy Lista uporządkowana

…