Kilka dodatkowych styli czcionki

Obiecałam doda

ć

cz

ęść

drug

ą

z dodatkowymi stylami

☺

Oto kilka przykładów:

1

<span style=" font-size: 16px;color: #009999; font-weight: bold; font-style: italic;"> MIEJSCE na Twój
tekst </span>

2

<a style="font-family: EFN zefir; font-size: 18px; color: #FF3300; font-weight: bold;">MIEJSCE na
Twój tekst </a>

3

<a style="font-family: EFN tess; font-size: 18px; color: #009900;">MIEJSCE na Twój tekst </a>

4

<a style="font-family: EFN tamiza; font-size: 18px; color: #990033; font-weight: bold;">MIEJSCE na
Twój tekst </a>

5

<a style="font-family: EFN skrypt; font-size: 18px; color: #3399CC; font-weight: bold;">MIEJSCE na
Twój tekst </a>

6

<a style="font-family: EFN serpentine; font-size: 18px; color: #CC0066; font-weight: bold;">MIEJSCE
na Twój tekst </a>

7

<a style="font-family: EFN RexFont; font-size: 18px; color: #330099;">MIEJSCE na Twój tekst </a>

8

<a style="font-family: EFN etiopia; font-size: 18px; color: #0066CC;">MIEJSCE na Twój tekst </a>

9

<a style="font-family: EFN dokument; font-size: 18px; color: #663399; font-weight: bold;">MIEJSCE
na Twój tekst </a>

10

<a style="font-family: EFN gedeon; font-size: 19px; color: red; font-weight: bold;">MIEJSCE na Twój
tekst </a>

A tak b

ę

dzie to wygl

ą

dało w opisie folderu:

Podam jeszcze adres strony z kolorami:

http://www.statom.pl/HTML/kolory.html

to tylko jedna z licznych stron tego typu, s

ą

tam oznaczenia kolorów, które

mo

ż

na podmienia

ć

w poleceniu html

☺

Poka

żę

tu screena jak to wygl

ą

da na podanej stronie:

Wida

ć

tu symbole obok kolorów…. ten biały pasek zaznaczony obok koloru fioletowego, to

wła

ś

nie

ś

lad zaznaczenia symbolu, którego u

ż

yłam do wklejenia

☺

Mo

ż

e jeszcze wytłumacz

ę

kwesti

ę

pogrubienia i pochylenia

tekstu.

W przykładowym kodzie:

<a style="font-family: EFN dokument; font-size: 18px; color: #663399;

font-weight:

bold;

">MIEJSCE na Twój tekst </a>

font-weight: bold; zaznaczyłam na niebiesko…. Wła

ś

nie to polecenie odpowiada za

pogrubienie tekstu.

Poka

żę

jak to wygl

ą

da w praktyce

☺

<a style="font-family: EFN dokument; font-size: 18px; color: #663399;">MIEJSCE na Twój
tekst </a>

A tak wygl

ą

da kod tego stylu bez pogrubienia… czyli tekst pierwszy na zamieszczonym

rysunku.

Niektóre czcionki bardziej efektownie wygl

ą

daj

ą

wła

ś

nie po pogrubieniu, ale nie wszystkie….

S

ą

te

ż

takie, które trac

ą

na wygl

ą

dzie, bo po prostu s

ą

za grube.

No i jeszcze pochylenie tekstu

<a style="font-family: EFN tess; font-size: 18px; color: #009900;">MIEJSCE na Twój tekst
</a>

Ten tekst b

ę

dzie prosty

<i style="font-family: EFN tess; font-size: 18px; color: #009900;">MIEJSCE na Twój tekst
</i>

A ten pochylony…. odpowiada za to literka umieszczona w ostrym nawiasie

Czyli

<a

na pocz

ą

tku kodu i

</a>

na ko

ń

cu oznacza tekst prosty

Natomiast

<i

na pocz

ą

tku oraz

</i>

na ko

ń

cu oznacza tekst pochylony

W praktyce wygl

ą

da to tak:

Ż

ycz

ę

miłej zabawy

☺