background image

Kilka dodatkowych styli czcionki 

Obiecałam doda

ć

 cz

ęść

 drug

ą

 z dodatkowymi stylami 

 

Oto kilka przykładów: 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

background image

 

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

background image

 

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> 

background image

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