Web.Reporter.pl - Kurs i elementarz języka HTML 4.01 z przykładami













Kurs i elementarz języka HTML 4.01 z przykładami
autor: Dariusz Majgier •
ostatnia modyfikacja: 2002.04.22 • wersja kursu: 0.65


[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] -
[artykuły o HTML]

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

TH

Element definiuje tytuł kolumny.

Atrybuty elementu: (sposób opisywania)


• colspan, rowspan
=[liczba] opcjonalny - IE2, N1.1, O2.1
ilość połączonych kolumn lub wierszy

• nowrap
=[brak] opcjonalny - IE2, N1.1, O2.1
blokowanie przełamywanie akapitów

• abbr
=[tekst] opcjonalny - ???
opisuje skrótowo zawartość komórki w tabeli

• axis
=[tekst] opcjonalny - ???
nazwa pokrewnej grupy komórek

• headers
=[ID] opcjonalny - ???
lista nazw nagłówków komórek

• scope
=[row|col|rowgroup|colgroup] opcjonalny - ???
zasięg komórki nagłówka

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

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

• valign
=[top|middle|bottom|baseline]
opcjonalny - IE4
wyrównanie w pionie

• width, height
=[piksele] opcjonalny - IE2, N1.1, O2.1
szerokość i wysokość elementu

• char
=[znak] opcjonalny - ???
znak, względem którego nastąpi wyrównanie

• charoff
=[piksele] opcjonalny - ???
pozycja znaku wyrównania

• 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 TR
• 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 border=1>
<CAPTION>Tabelka "tekstowa"</CAPTION>
<THEAD align=center>
<TR><TD colspan=3>naglówek tabeli</TD></TR>
</THEAD>
<TFOOT align=center>
<TR><TD colspan=3>stopka tabeli</TD></TR>
</TFOOT>
<COLGROUP width=100 align=center>
<COL>
<COL>
<COL width=200>
</COLGROUP>
<TBODY>
<TR><TH> opis </TH><TH> tekst </TH><TH> tekst </TH></TR>
<TR><TD> tekst </TD><TD> tekst </TD><TD> tekst </TD></TR>
<TR><TD> tekst </TD><TD> tekst </TD><TD> tekst </TD></TR>
<TR><TD> tekst </TD><TD> tekst </TD><TD> tekst </TD></TR>
</TBODY>
</TABLE>



Tabelka "tekstowa"

naglówek tabeli


stopka tabeli







opis tekst tekst
tekst tekst tekst
tekst tekst tekst
tekst tekst tekst



 • • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTMLu!