Pełny kurs HTML, XHTML i CSS z przykładami. Kompendium wiedzy każdego webmastera.













Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier •
ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1


[0-9] 
A 
B 
C 
D 
E 
F 
G 
H 
I 
J 
K 
L 
M 
N 
O 
P 
Q 
R 
S 
T 
U 
V 
W 
X 
Y 
Z 

[główne menu] -
[elementy HTML] -
[atrybuty HTML] -
[style CSS] -
[artykuły]

tabele •
listy •
formularze •
multimedia •
el. strukturalne •
el. blokowe •
el. liniowe

TABLE

Element definiuje tabelę.

Atrybuty elementu: (sposób opisywania)

• bgcolor
=[kolor] opcjonalny - IE2, N3, O2.1
kolor tła

• align
=[left|center|right] opcjonalny - IE2, N2, O2.1
wyrównanie w poziomie

• width
=[piksele, procenty] opcjonalny - IE2, N3, O2.1
szerokość tabeli

• cellspacing
=[piksele] opcjonalny - IE2, N3, O2.1
szerokośc krawędzi komórek

• cellpadding
=[piksele] opcjonalny - IE2, N3, O2.1
odległość akapitu od krawędzi komórki

• summary
=[tekst] opcjonalny - N6
opis tabeli

• frame
=[border|void|above|below|hsides|vsides|lhs|rhs|box] opcjonalny - IE3, N6
typ obramowania tabeli

• rules
=[all|none|groups|rows|cols] opcjonalny - N6
typ krawędzi tabeli

• border
=[piksele] opcjonalny - IE2, N1.1, O2.1
szerokość obramowania tabeli

• 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: wymagany
• przeglądarki: IE2, N1.1, O2.1

Grupa elementów tabeli:
CAPTION,
COL,
COLGROUP,
TABLE,
TBODY,
TD,
TFOOT,
TH,
THEAD,
TR
Przykładowe zastosowania:

• Przykład 1:

<TABLE width="300" border="1">
<TR align="center">
<TD width="60%">komórka A</TD>
<TD width="40%">komórka B</TD>
</TR>
</TABLE>




komórka a
komórka b



• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!