 |
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
FONT
Element definiuje właściwości czcionki. Przy użyciu FONT trzeba uważać, aby element zamykający nie był "przylepiony" do ostatniego wyrazu w tekscie, który zajmuje więcej niż jedną linię. W przeciwnym razie ostatnia linijka akapitu będzie miała większy odstęp niż pozostałe - co wygląda mało estetycznie. Błąd ten występuje w przeglądarkach Internet Explorer i aby się przed nim zabezpieczyć najlepiej przed elementem zamykającym FONT dodać spację, jak w przykładzie: <FONT color="navy">jakiś fragment tekstu </FONT>.
Atrybuty elementu: (sposób opisywania)
- • size
=[1|2|3|4|5|6|7] opcjonalny - IE1, N1, O2.1
- wielkość czcionki
- • color
=[kolor] opcjonalny - IE1, N1, O2.1
- kolor czcionki
- • face
=[nazwa] opcjonalny - IE1
- rodzaj czcionki
- • 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
• status: nie zalecany, zastąp stylami: font-size, font-family, color
• przeglądarki: IE1, N1, O2.1
Grupa elementów liniowych:
ABBR,
ACRONYM,
B,
BASEFONT,
BDO,
BIG,
CITE,
CODE,
DEL,
DFN,
EM,
FONT,
I,
INS,
KBD,
Q,
S,
SAMP,
SMALL,
SPAN,
STRIKE,
STRONG,
SUB,
SUP,
TT,
U,
VAR,
Przykładowe zastosowania:
• Przykład 1:
Przykładowy tekst,
<FONT color="green" size="+1">
na którym testowane są elementy
</FONT>
modyfikujące jego wygląd.
Przykładowy tekst,
na którym testowane są elementy
modyfikujące jego wygląd.
• Przykład 2:
<FONT size="+3">O</FONT><FONT size="+1">RYGINALNY</FONT>
<FONT size="+3">T</FONT><FONT size="+1">YTUŁ</FONT>
ORYGINALNY
TYTUŁ
• Przykład 3:
<FONT size="-3">r</FONT>
<FONT size="-2">o</FONT>
<FONT size="-1">s</FONT>
<FONT size="-0">n</FONT>
<FONT size="+1">ą</FONT>
<FONT size="+2">c</FONT>
<FONT size="+3">e</FONT>
<FONT size="+3">l</FONT>
<FONT size="+2">i</FONT>
<FONT size="+1">t</FONT>
<FONT size="+0">e</FONT>
<FONT size="-1">r</FONT>
<FONT size="-2">k</FONT>
<FONT size="-3">i</FONT>
r
o
s
n
ą
c
e
l
i
t
e
r
k
i
• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!
|
