Witam wszystkich serdecznie na kursie Prostego Formatowania Tekstu w Opisie Chomika.
Nauczycie się jak wstawiać kolorowe litery, a także powiększać, pochylać i pogrubiać czcionkę,
ustalać tło napisów oraz wstawiać linki np. do konkretnych stron.
Wszystko opiera się na wpisywaniu tzw. znaczników HTML, czyli specjalnych kodów do tworzenia
stron WWW. Kody te należy bardzo dokładnie przepisywać.
Życzę przyjemnej i owocnej nauki.
1. Tekst kolorowy:
<a style=color:tu wpisz nazwę lub kod koloru;">tutaj wpisz tekst</a>
Nazwy i kody kolorów można znaleźć na stronie:
http://www.statom.pl/HTML/kolory.html
Przykład:
<a style=color:red;">Opisujemy Chomika</a>
black #000000
gray #808080
red #FF0000
maroon #800000
blue #0000FF
navy #000080
saddlebrown #8B4513
purple #800080
yellow #FFFF00
green #008000
darkorange #FF8C00
magenta #FF00FF (pink)
2. Tekst kolorowy i pogrubiony:
<a style=color:tu wpisz nazwę lub kod koloru;"><b>tutaj wpisz tekst</b></a>
Przykład:
<a style=color:red;"><b>Opisujemy Chomika</b></a>
3. Tekst kolorowy, pogrubiony i pochylony (kursywa):
<a style=color:tu wpisz nazwę lub kod koloru;"><b><i>tutaj wpisz tekst</i></b></a>
Przykład:
<a style=color:red;"><b><i>Opisujemy Chomika</i></b></a>
4. Tekst kolorowy, pogrubiony, pochylony (kursywa) i powiększony:
<a style=color:tu wpisz nazwę lub kod koloru;font-size:rozmiar czcionkipt;"><b><i>tutaj wpisz tekst</i></b></a>
Przykład:
<a style=color:red;font-size:12pt;"><b><i>Opisujemy Chomika</i></b></a>
5. Tekst kolorowy, pogrubiony, pochylony (kursywa), powiększony z tłem:
<a style=color:tu wpisz nazwę lub kod koloru;font-size:rozmiar czcionkipt;background:nazwa lub kod koloru tła;"><b><i>tutaj wpisz tekst</i></b></a>
Przykład:
<a style=color:red;font-size:12pt;background:yellow;"><b><i>Opisujemy Chomika</i></b></a>
6. Wstawianie linku:
<a href="adres strony www">Można tu wpisać np. tekst typu ZAJRZYJ TUTAJ</a>
Przykład:
<a href="http://chomikuj.pl/Petrus-paulus">Zajrzyj do Chomika Petrus-paulus</a>
7. Wstawianie zdjęcia:
<img src="tu wpisz link do zdjęcia"/>
Przykład:
<img src="http:/piesek.com/2244.jpg"/>