 |
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]
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:
- • 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
• • •
Zobacz porady, skrypty, artyku│y i gotowe rozwi▒zania dla w│a╢cicieli stron WWW!
|
