Strona g│≤wna - HTML dla bardzo pocz▒tkuj▒cych - Etykieta webmastera - Struktura dokumentu - Czcionki - Bloki - Odsy│acze - Wykazy - Grafika i multimedia - Tabele - Style - Ramki - P│ywaj▒ce ramki - Formularze - Response-O-Matic - TopNet Mailer - Liczniki wizyt - KsiΩga go╢ci - Kana│y informacyjne - NarzΩdzia - S│owniczek - Znaki specjalne - Ankieta



Czcionka pogrubiona | Czcionka pochylona | Czcionka migaj▒ca | Czcionka podkre╢lona | Czcionka o sta│ej szeroko╢ci znaku | Czcionka przekre╢lona | Superskrypt (indeks g≤rny) | Subskrypt (indeks dolny) | Du┐a czcionka | Ma│a czcionka | Cytat blokowy | Definicja | Element usuniΩty | Element wstawiony | Skr≤t i akronim | Czcionka mocno wyr≤┐niona | Czcionka wyr≤┐niona (emfaza) | Kod | Czcionka wprowadzana z klawiatury | Przyk│ad | Zmienna | Kolor czcionki | Wielko╢µ czcionki | Czcionka bazowa | Zmiana kroju czcionki



Znaczniki fizyczne i logiczne czcionki


Znaczniki fizyczne - atrybuty

Znaczniki fizyczne dzia│aj▒ w podobny spos≤b jak atrybuty czcionek w edytorze tekst≤w.


[hand]Czcionka pogrubiona

<B> </B>

Przyk│ad:

To jest czcionka pogrubiona (bold)


[hand]Czcionka pochylona

<I> </I>

Przyk│ad:

To jest czcionka pochylona (italic)


[hand]Czcionka migaj▒ca

<BLINK> </BLINK>

Przyk│ad:

To jest czcionka migaj▒ca (blink) - jest to rozszerzenie Netscape'a, nie znajduj▒ce siΩ w specyfikacji HTML 4.


[hand]Czcionka podkre╢lona

<U> </U>

Przyk│ad:

To jest czcionka podkre╢lona (underline)


[hand]Czcionka o sta│ej szeroko╢ci znaku

<TT> </TT>

Przyk│ad:

To jest czcionka monotypiczna, o sta│ej szeroko╢ci znaku (fixed width = teletype)


[hand]Czcionka przekre╢lona

<STRIKE> </STRIKE>

Przyk│ad:

Czcionka przekre╢lona

Alternatywnie jest u┐ywane r≤wnowa┐ne polecenie <S></S>:. Oba polecenia istniej▒ w specyfikacji HTML 4 i s▒ w dalszym ci▒gu interpretowane przez przegl▒darki, ale autorzy specyfikacji zalecaj▒ ich stopniowe zastΩpowanie przez nowsze konstrukcje jΩzyka.


[hand]Superskrypt (indeks g≤rny)

<SUP> </SUP>

Przyk│ad:

Czcionka z superskryptem


[hand]Subskrypt (indeks dolny)

<SUB> </SUB>

Przyk│ad:

Czcionka z subskryptem


[hand]Du┐a czcionka (+1 punkt)

<BIG> </BIG>

Przyk│ad:

Du┐a czcionka


[hand]Ma│a czcionka (-1 punkt)

<SMALL> </SMALL>

Przyk│ad:

Ma│a czcionka


Znaczniki logiczne - style

Znaczniki logiczne odnosz▒ siΩ do konkretnych zastosowa±, ale efekt ich dzia│ania jest analogiczny jak w przypadku znacznik≤w fizycznych. Czcionka pogrubiona, pochylona lub monotypiczna s▒ domy╢lnie przypisane do wybranego stylu


[hand]Cytat blokowy

<CITE> </CITE>

Przyk│ad:

To jest cytat (citation)


[hand]Definicja

<DFN> </DFN>

<DFN>, czyli Defining Instance, jest poleceniem stosowanym do wyr≤┐niania jakiego╢ bloku tekstu, np. pojawiaj▒cego siΩ po raz pierwszy w danym tek╢cie terminu. Przegl▒darka interpretuje DFN jako kursywΩ (IE4) lub nie wyr≤┐nia czcionki (NC4). Na przyk│ad:

Internet Explorer 4 to najnowsza przegl▒darka firmy Microsoft.


[hand]Element usuniΩty

Przy najrozmaitszych rewizjach tekst≤w mo┐emy siΩ pos│u┐yµ poleceniem <DEL>, kt≤re sygnalizuje zmiany. Pokazuje ono przekre╢lony fragment tekstu, np.:

<del>Dokument dotycz▒cy naszej polityki sprzeda┐y nie jest ju┐ dostΩpny.</del>

Dokument dotycz▒cy naszej polityki sprzeda┐y nie jest ju┐ dostΩpny.

Polecenie jest interpretowane przez IE4.


[hand]Element wstawiony

Gdy chcemy wyra╝nie podkre╢liµ jak▒╢ nowo╢µ, mo┐emy siΩ pos│u┐yµ poleceniem INS.

<ins>To jest nowe opracowanie tematu.</ins>

To jest nowe opracowanie tematu

Polecenie jest interpretowane przez IE4.

[hand]Skr≤t i akronim

Nowymi poleceniami HTML 4 s▒ skr≤t i akronim. Oba polecenia sygnalizuj▒ obecno╢µ skr≤t≤w (np. dyr., prof.) i akronim≤w (np. WWW, AWS) i bΩd▒ mog│y byµ wykorzystywane w trakcie syntezy d╝wiΩku przez odpowiednie oprogramowanie, systemy wyszukiwawcze, korektory poprawno╢ci ortograficznej czy systemy automatycznego t│umaczenia. Atrybut jΩzyka precyzuje jΩzyk dla poprawnego dzia│ania tych system≤w.

<ABBR lang="pl">Prof.</ABBR>

<ACRONYM lang="en">WWW</ACRONYM>


[hand]Czcionka mocno wyr≤┐niona

<STRONG> </STRONG>

Przyk│ad:

To jest czcionka mocno wyr≤┐niona (strong)


[hand]Czcionka wyr≤┐niona (emfaza)

<EM> </EM>

Przyk│ad:

To jest czcionka wyr≤┐niona (emphasis)


[hand]Kod (tekst programu)

<CODE> </CODE>

Przyk│ad:

To jest kod (code)


[hand]Czcionka wprowadzana z klawiatury

<KBD> </KBD>

Przyk│ad:

Czcionka z klawiatury


[hand]Przyk│ad

<SAMP> </SAMP>

Przyk│ad:

Przyk│ad (sample)


[hand]Zmienna (s│owo kluczowe jΩzyka)

<VAR> </VAR>

Przyk│ad:

Zmienna (variable)


[hand]Kolory czcionki

Dowolnemu fragmentowi tekstu mo┐na nadaµ kolor, obejmuj▒c go znacznikami koloru. Poni┐ej przedstawiamy listΩ 16 podstawowych barw stosowanych w dokumentach internetowych - s▒ one widoczne w przegl▒darkach Netscape Navigator i Microsoft Internet Explorer. Naturalnie mo┐emy w dowolny spos≤b kombinowaµ barwy z atrybutami i stylami.

Sk│adnia: <FONT COLOR="nazwa_koloru"> </FONT>

tekst pr≤bny - black

tekst pr≤bny - olive

tekst pr≤bny - teal

tekst pr≤bny - red

tekst pr≤bny - blue

tekst pr≤bny - maroon

tekst pr≤bny - navy

tekst pr≤bny - gray

tekst pr≤bny - lime

tekst pr≤bny - fuchsia

tekst pr≤bny - white

tekst pr≤bny - green

tekst pr≤bny - purple

tekst pr≤bny - silver(Tutaj jest kolor silver, ale nie widaµ go ze wzglΩdu na kolor t│a)

tekst pr≤bny - yellow

tekst pr≤bny - aqua


[hand]Wielko╢µ czcionki

Czcionka mo┐e mieµ wielko╢µ zale┐n▒ od osoby redaguj▒cej dokument HTML. Wystarczy obj▒µ fragment tekstu par▒ znacznik≤w <FONT SIZE="xx"> </FONT>. Na przyk│ad:

To jest tekst normalny

To jest tekst nieco wiΩkszy.

To jest tekst nieco mniejszy.

I zn≤w tekst normalny.

A teraz ca│kiem ju┐ spory.

I ca│kiem malutki.

Czcionka normalna ma przypisan▒ warto╢µ 3 (nie myliµ ze stopniem pisma). Pozosta│e warto╢ci s▒ zawarte w przedziale od 1 do 7.

Gdy redagujemy tekst, mo┐emy w dowolnej chwili zmieniµ wielko╢µ czcionki, przypisuj▒c jej warto╢µ bezwzglΩdn▒ z przedzia│u 1-7, pos│uguj▒c siΩ podanym wy┐ej parametrem. Mo┐emy jednak tak┐e u┐yµ innego parametru, kt≤ry zwiΩksza lub zmniejsza wielko╢µ czcionki o zadan▒ warto╢µ.

<FONT SIZE="+x"> </FONT>

Na przyk│ad:

To jest tekst normalny, kt≤ry teraz powiΩkszamy o 1, a nastΩpnie zmniejszamy o 1, po czym powracamy do standardowej wielko╢ci.


[hand]Czcionka bazowa

Czcionka ma domy╢ln▒ wielko╢µ 3, ale w dowolnym momencie mo┐emy j▒ zmieniµ za pomoc▒ polecenia:

<BASEFONT SIZE="x">

Oznacza ono, ┐e od tego momentu czcionka podstawowa bΩdzie mia│a wielko╢µ x, a wszystkie zmiany bΩd▒ siΩ odnosi│y do tej wielko╢ci. Gdy x=5, <BIG> wprowadzi czcionkΩ o wielko╢ci 6, <SMALL> - o wielko╢ci 4, <FONT SIZE=-3> zmniejszy czcionkΩ do 2 punkt≤w itd.

Uwaga: polecenie BASEFONT jest uznane za niepo┐▒dane i zalecane jest rezygnowanie z niego w dokumentach.


[hand]Zmiana kroju czcionki

Jeszcze jedn▒ mo┐liwo╢µ urozmaicenia dokumentu daje polecenie <FONT FACE="nazwa_kroju"> </FONT>. Pozwala ono zmieniµ kr≤j czcionki dla danego dokumentu. Na przyk│ad:

To jest tekst, kt≤ry zapewne widzisz jako Times. A teraz zmieniamy go na moment na Arial, przechodzimy do kroju courier, aby powr≤ciµ do Times.

Mo┐emy nawet podaµ listΩ kroj≤w, oddzielonych przecinkami, dziΩki czemu w przegl▒darce odbiorcy zostanie zastosowany jeden z nich (na dobr▒ sprawΩ nie wiemy, jakimi dysponuje, wiΩc nale┐y byµ ostro┐nym). Szczeg≤lnie warto polecaµ w takich sytuacjach stosowanie ci▒gu w rodzaju <FONT FACE="Arial CE",Aria,Helvetical>, gdy┐ zabezpieczymy siΩ w ten spos≤b przed ryzykiem niepoprawnego wy╢wietlania polskich znak≤w w Windows 3.1.

Uwaga: polecenie FONT FACE nie jest zalecanym poleceniem HTML i zaleca siΩ rezygnowanie z niego na rzecz styl≤w.