Kurs HTML 4.01
Transkrypt
Kurs HTML 4.01
Kurs HTML 4.01 TI 312[01] Kurs HTML 4.01 Spis treści 1. 2. 3. 4. 5. Wiadomości ogólne......................................................................................................... 3 Wersje języka HTML ....................................................................................................... 3 Minimalna struktura dokumentu..................................................................................... 3 Deklaracje DOCTYPE....................................................................................................... 3 Lista znaczników, atrybutów i zdarzeń ........................................................................... 4 5.1 Lista atrybutów podstawowych................................................................................. 4 5.2 Lista zdarzeń podstawowych..................................................................................... 4 5.3 Lista znaczników ....................................................................................................... 4 <a> ............................................................................................................................... 4 Atrybuty ................................................................................................................... 4 Przykłady ................................................................................................................. 5 <area> .......................................................................................................................... 5 2 Kurs HTML 4.01 1. Wiadomości ogólne HTML (HyperText Markup Language) to hipertekstowy jęyk znakowania używany do przekształcania dokumentów w strony WWW. Celem HTML jest znaczenie treści oraz ustanowienie struktury dokumentu (hierarchii elementów). HTML nie uwzględnia prezentacji dokumentu, czyli tego jak dokument będzie wyglądał w przeglądarce internetowej. Prezentacja jest zadaniem języka CSS (Cascading Style Sheet). 2. Wersje języka HTML Rekomendacja HTML 4.01 obejmuje dokumenty specyfikacyjne określane mianem definicji typu dokumentu (DTD). Dokumenty DTD definiują każdy element, atrybut i encję, a także reguły ich stosowania. Trzy wersje DTD to: Strict DTD (wersja ścisła) Wersja pomija wszystkie elementy i atrybuty uznane za przestarzałe, aby podkreślić odrębność struktury i prezentacji dokumentu Transitional DTD (wersja przejściowa) Wersja obejmuje wszystkie przestarzałe elementy i atrybuty, aby zachować zgodność z większością tradycyjnych przeglądarek. Przestarzałe elementy i atrybuty są dozwolone, jednak należy ich unikać. Frameset DTD Wersja obejmuje te same elementy i atrybuty, co Transitional DTD, a ponadto elementy przeznaczone do tworzenia ramek (frameset, frame, noframe). 3. Minimalna struktura dokumentu <!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”> <html> <head> <title>Tytuł dokumentu</title> </head> <body> Treść dokumentu </body> </html> 4. Deklaracje DOCTYPE Deklaracja DOCTYPE obejmuje dwie metody wskazywania informacji DTD: publiczny identyfikator dokumentu adres URL na użytek przeglądarki, która nie rozpoznaje identyfikatora publicznego Deklaracje DOCTYPE dla każdej wersji HTML 4.01: HTML 4.01 Strict <!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/HTML4.01/strict.dtd”> HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/HTML4.01/loose.dtd”> 3 Kurs HTML 4.01 HTML 4.01 Frameset <!DOCTYPE HTML PUBLIC „-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/HTML4.01/frameset.dtd”> 5. Lista znaczników, atrybutów i zdarzeń 5.1 Lista atrybutów podstawowych Atrybuty podstawowe to atrybuty, które mogą występować w większości elementów. Atrybut id class style title Opis Przypisuje elementowi unikatową, identyfikującą go nazwę Przypisuje elementowi jedną lub kilka klasyfikujących go nazw Wiąże z elementem informację o stylu Określa tytuł albo dodatkowe informacje o elemencie 5.2 Lista zdarzeń podstawowych Zdarzenie onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup Wystąpienie zdarzenia kliknięcie nad elementem przycisku urządzenia wskazującego dwukrotne kliknięcie nad elementem urządzenia wskazującego wciśnięcie klawisza nad elementem wciśnięcie i zwolnienie klawisza nad elementem zwolnienie klawisza nad elementem wciśnięcie nad elementem przycisku urządzenia wskazującego przesunięcie wskaźnika w obrębie elementu opuszczenie przez wskaźnik elementu przesunięcie wskaźnika nad element zwolnienie nad elementem przycisku urządzenia wskazującego 5.3 Lista znaczników <a> Kotwica w dokumencie, służy do tworzenia hiperłączy do innych dokumentów albo zasobów internetowych. Może również oznaczać docelowy fragment w dokumencie i pozwalać na przenoszenie się do tego fragmentu (kotwica nazwana). Atrybuty atrybuty podstawowe zdarzenia podstawowe charset=”kodowanie” o określa kodowanie znaków docelowego dokumentu href=”URL” o określa adres URL docelowego dokumentu albo zasobu name=”tekst” o określa nazwę (identyfikator) fragmentu w dokumencie target=”tekst” o określa nazwę okna lub ramki, w której powinien zostać wyświetlony element docelowy, np: _blank, _parent, _self, _top type=”typ treści” 4 Kurs HTML 4.01 o określa typ treści docelowego dokumentu, np text/html Przykłady <a href=”plik.html”>link1</a> o odnośnik do lokalnego pliku <a href=”http://www.abc.pl/index.html” target=”_blank”>...</a> o odnośnik do zewnętrznego pliku otwieranego w nowym oknie <a href=”#fragment”>...</a> o odnośnik do nazwanej kotwicy w lokalnym pliku <a href=”http://www.abc.pl/index.html#fragment”>...</a> o odnośnik do nazwanej kotwicy w zewnętrznym pliku <a href=”mailto:[email protected]”>...</a> o odnośnik do wysłania wiadomości e-mail <a href=”ftp://serwer/sciezka/plik”>...</a> o odnośnik do pliku na serwerze FTP <a name=”fragment”>...</a> o tworzenie kotwicy <area> 5