 |
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
LEGEND
Element definiuje tytu│ dla grupy element≤w zaznaczonych elementem FIELDSET. Dooko│a zaznaczonych element≤w tworza jest ramka z podanym tytu│em.
Atrybuty elementu: (spos≤b opisywania)
- • accesskey
=[litera] opcjonalny - IE4
- skr≤t klawiszowy
- • align
=[top|bottom|left|right] opcjonalny - IE4, N6
- wyr≤wnanie w poziomie i pionie
- • 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
• po│o┐enie:
wewn▒trz elementu FIELDSET
• przegl▒darki: IE4, N6
Grupa element≤w tabel:
BUTTON,
FIELDSET,
FORM,
INPUT,
ISINDEX,
LABEL,
LEGEND,
OPTGROUP,
OPTION,
SELECT,
TEXTAREA,
Przyk│adowe zastosowania:
• Przyk│ad 1:
<FORM action="..." method="get">
<FIELDSET>
<LEGEND>pola tekstowe</LEGEND>
<LABEL for="imie">First name: </LABEL>
<INPUT type="text" id="imie"><BR>
<LABEL for="nazwisko">Last name: </LABEL>
<INPUT type="text" id="nazwisko"><BR>
pole baz LABEL: <INPUT type="text"><BR>
</FIELDSET>
<FIELDSET>
<LEGEND>pola wyboru</LEGEND>
<SELECT>
<OPTGROUP label="Systemy operacyjne">
<OPTION label="Windows"
value="W">system Windows</OPTION>
<OPTION label="Unix"
value="U">system Unix</OPTION>
</OPTGROUP>
<OPTGROUP label="Procesor">
<OPTION label="Intel"
value="I">procesor Intel</OPTION>
<OPTION label="AMD"
value="A">procesor AMD</OPTION>
</OPTGROUP>
</SELECT>
</FIELDSET>
<INPUT type="submit" value=" wy╢lij dane ">
</FORM>
• • •
Masz jakie╢ pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!
|
