Znaczniki fizyczne i logiczne czcionki




Autorem strony jest
Aktualizacja
Strona utworzona za pomocą


Paweł Wimmer [e-mail]
9-X-1996
HotDog Pro 3




Znaczniki fizyczne i logiczne
czcionki

Uwaga: Jeśli przykład nie odzwierciedla oznakowania,
oznacza to, że przeglądarka nie akceptuje danego znacznika



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
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

Niniejszy rozdział nie wymaga specjalnych objaśnień. Używając
danego atrybutu, należy po prostu objąć parą znaczników fragment
tekstu. Część poświęcona znacznikom logicznym obejmuje
jedynie kilka przykładów spośród wielu stosowanych możliwości.


Znaczniki fizyczne - atrybuty

Znaczniki fizyczne działają w podobny sposób jak atrybuty czcionek w edytorze tekstów.



Czcionka pogrubiona

<B > </B >

Przykład:

To jest czcionka pogrubiona (bold)




Czcionka pochylona

<I > </I >

Przykład:

To jest czcionka pochylona (italic)




Czcionka migająca

<BLINK > </BLINK >

Przykład:

To jest czcionka migająca (blink)




Czcionka
podkreślona

<U > </U >

Przykład:

To jest czcionka podkreślona (underline)




Czcionka
o stałej szerokości znaku

<TT > </TT >

Przykład:

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




Czcionka
przekreślona

<STRIKE> </STRIKE>

Przykład:

Czcionka przekreślona




Superskrypt
(indeks górny)

<SUP> </SUP>

Przykład:

Czcionka z superskryptem




Subskrypt
(indeks dolny)

<SUB> </SUB>

Przykład:

Czcionka z subskryptem




Duża
czcionka (+1 punkt)

<BIG> </BIG>

Przykład:

Duża czcionka




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




Cytat

<CITE > </CITE >

Przykład:

To jest cytat (citation)




Czcionka
mocno wyróżniona

<STRONG > </STRONG >

Przykład:

To jest czcionka mocno wyróżniona (strong)




Czcionka
wyróżniona (emfaza)

<EM > </EM >

Przykład:

To jest czcionka wyróżniona (emphasis)




Kod
(tekst programu)

<CODE > </CODE >

Przykład:

To jest kod (code)




Czcionka
wprowadzana z klawiatury

<KBD> </KBD>

Przykład:

Czcionka z klawiatury




Przykład

<SAMP> </SAMP>

Przykład:

Przykład (sample)


Zmienna
(słowo kluczowe języka)

<VAR> </VAR>

Przykład:

Zmienna (variable)


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




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.



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 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.


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
Arial. A teraz zmieniamy go na
moment na Times, przechodzimy do
kroju courier, aby powrócić do
Arial.

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,Arial>, gdyż zabezpieczymy się w ten sposób przed ryzykiem niepoprawnego wyświetlania polskich znaków w Windows 3.1. Tak są skonstruowane strony tego kursu.

Jak widzisz, możesz dość swobodnie manipulować
krojami, stylam, barwami i i atrybutami czcionek, co daje duże pole manewru
w urozmaicaniu strony WWW.



Źródła:

Włodzimierz Macewicz "Język składu dokumentu hipertekstowego", Wydawnictwo Mikom, Warszawa 1996
Stephen Le Hunte "HTML Reference Library", plik Helpu dla Windows 3.1 i 95
Ian Graham "HTML Sourcebook. A Complete Guide to HTML 3.0", New York 1996
Hot Dog Professional, plik Helpu
Rafał Wiosna "Każdy chce mieć własną stronę", cykl publikacji w numerach 26/95, 3/96 dwutygodnika PCkurier