|
Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier
ostatnia aktualizacja kursu: 2003.06.01
|
[Start]
[Elementy HTML]
[Atrybuty HTML]
[Style CSS]
[Porady online]
[A]
[B]
[C]
[D]
[E]
[F]
[H]
[I]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[U]
[V]
[W]
[Z]
[kolory]
[tekst]
[czcionki]
[rozmiary]
[pozycje]
[tabele]
[listy]
[formularze]
[struktura]
[linki]
[multimedia]
[bloki]
[obramowania]
[tła]
[synteza]
[druk]
BODY
Element definiuje "ciało" strony WWW, czyli jej zawartość.
Atrybuty elementu:
- bgcolor
=[kolor] opcjonalny - IE1, N1.1, O2.1
- kolor tła
- background
=[ścieżka, URL] opcjonalny - IE1, N1.1, O2.1
- graficzne tło strony
- link
=[kolor] opcjonalny - IE1, N1.1, O2.1
- kolor odnośników
- alink
=[kolor] opcjonalny - IE1, N1.1, O2.1
- kolor naciśniętych odnośników
- vlink
=[kolor] opcjonalny - IE1, N1.1, O2.1
- kolor odwiedzonych odnośników
- text
=[kolor] opcjonalny - IE1, N1.1, O2.1
- kolor tekstu
- onload,
onunload
=[skrypt] opcjonalny - IE3, N2, O3
- reakcje na pobranie lub usunięcie dokumentu HTML przez przeglądarkę
- id,
class
=[tekst] opcjonalne - IE3, N4, O3.5
- unikalny identyfikator i nazwa klasy CSS
- lang, dir
=[tekst] opcjonalne - IE4
- język i kierunek wyświetlania tekstu bądź elementu
- title
=[tekst] opcjonalny - IE5
- tytuł elementu
- style
=[CSS] opcjonalny - IE3, N4, O3.5
- styl CSS elementu
- onclick,
ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onkeypress,
onkeydown,
onkeyup =[skrypt] opcjonalne
- reakcje na zdarzenia pochodzące od myszy lub klawiatury
Pozostałe cechy:
znacznik zamykający: opcjonalny
położenie: wewnątrz elementu HTML
przeglądarki: IE1, N1, O2.1
Grupa elementów strukturalnych:
!DOCTYPE,
BASE,
BODY,
FRAME,
FRAMESET,
HEAD,
HTML,
IFRAME,
META,
NOFRAMES,
STYLE,
TITLE
Przykładowe zastosowania:
Przykład 1:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="content-type"
content="text/html; charset=iso-8859-2">
<title>Mój Pierwszy dokument</title>
</head>
<body text=black bgcolor=white link=navy vlink=gray alink=red>
Witaj świecie!
</body>
</html>
Zobacz porady, skrypty, artykuły i gotowe rozwiązania dla właścicieli stron WWW!
|