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

Podobne dokumenty