Jak  pisać kolorowym tekstem 

Chcąc wpisad tekst w kolorze, trzeba posłużyd się kodem HTML. 

Podam kilka przykładów kolorowego tekstu i stylu czcionki. 

Najłatwiej sprawdzid jak wygląda tekst korzystając z opcji „edytuj opis” 

 

Klikając na przycisk „edytuj opis” otworzy nam się okienko, w które wstawiamy kod HTML z 
wpisanym w niego tekstem 

 

To okienko na razie jest puste…. ale poniżej podam kilka przykładów kodów, które można 
tam wstawid. 

1 

<b style="font-family: Monotype Corsiva; font-size: 20px; color: #000099;">Tu wpisz tekst</b> 

2 

<b style="font-family: Monotype Corsiva; font-size: 20px; color: maroon;">Tu wpisz tekst</b> 

3 

<b style="font-family: Monotype Corsiva; font-size: 20px; color: teal;">Tu wpisz tekst</b> 

4 

<a style="font-size: 18px; color: #800080; font-weight: bold;">Tu wpisz tekst</a> 

5 

<a style="font-size: 18px; color: red; font-weight: bold;">Tu wpisz tekst</a> 

6 

<a style="font-size: 18px; color: green; font-weight: bold;">Tu wpisz tekst</a> 

W miejsce >

Tu wpisz tekst

< należy wpisad dowolny tekst pozostawiając te znaki > <  

Tekst należy wpisad między tymi znakami. 

 

Teraz należy zatwierdzid klikając przycisk “zatwierdź”. 

Tu pokażę jak to będzie wyglądało po 
zatwierdzeniu.

 

Można wybrad dowolny kolor korzystając z poniższej tabelki. 

 

Tu jest tyko 16 podstawowych kolorów, ale myślę, że na początek to wystarczy. 

Do wyboru są nazwy i obok podane symbole w systemie HEX… niektóre przeglądarki widzą 
kolory pisane tylko systemem HEX, więc lepiej korzystad właśnie z tych symboli. 

Teraz pokażę, w którym miejscu kodu należy wstawid oznaczenie koloru: 

<a style="font-size: 18px; color: 

red

; font-weight: bold;">Tu wpisz tekst</a> 

Miejsce wpisania zaznaczyłam kolorem czerwonym 

<a style="font-size: 18px; color: 

#FF0000

; font-weight: bold;">Tu wpisz tekst</a> 

A tak będzie wyglądało polecenie, jesli wstawimy oznaczenie koloru w systemie HEX, też 
jest to kolor czerwony. 

A teraz pora na krótkie wyjaśnienie kodu HTML 

<b style="

font-family: Monotype Corsiva

; font-size: 

20

px; color: 

maroon

;">

Tu wpisz tekst

</b> 

Kolorem niebieskim zaznaczyłam styl, zielonym wielkośd, czerwonym kolor a fioletowym 
miejsce wpisania tekstu. Można dowolnie zmieniad kolor, rozmiar i styl. 

W tym Tutorialu podałam tylko dwa style, ale ostatnio brakuje mi czasu  

a otrzymuję tak wiele pytao dotyczących pisania w kolorze, że postanowiłam w szybki i 
prosty sposób wytłumaczyd podstawy. 

Mam nadzieję, że Wam się przyda, tym bardziej, że można sobie skopiowad jakikolwiek 
przykład kodu, podmienid tekst i gotowe  

Pozdrawiam i życzę miłej zabawy 

                                             Anna_M