HTML #6 – Zaawansowane formatowanie

Umiemy już pogrubiać, podkreślać, pochylać tekst oraz wyświetlać go w linii oraz bloku. Pozostaje nam nauczyć się zmiany jego wielkości, kroju oraz koloru.

 

 

 

Zaawansowane formatowanie

Z pomocą przyjdzie nam tutaj znacznik<font atrybut=”wartosc”>. Gdzie <atrybut> możemy wpisać:
size (modyfikuje rozmiar), przyjmuje wartości od 1 do 7
face (modyfikuje krój), jako wartość przyjmuje nazwę czcionki, np. tahomaverdanaserif
color (modyfikuje kolor), przyjmuje wartości będące zdeprecjonowaną nazwą koloru, bądź zapis heksadecymalny barwy w postaci #RRGGBB

Przykłady

[codesyntax lang=”html4strict”]<font size=”1″>Minimalny rozmiar tekstu</font>[/codesyntax]

[codesyntax lang=”html4strict”]<font size=”7″>Duży tekst</font>[/codesyntax]

[codesyntax lang=”html4strict”]<font face=”verdana”>Czcionka z rodziny Verdana</font>[/codesyntax]

[codesyntax lang=”html4strict”]<font color=”green”>Ten tekst będzie zielony</font>[/codesyntax]

[codesyntax lang=”html4strict”]<font color=”#0000ff”>Niebieski tekst</font>[/codesyntax]

[codesyntax lang=”html4strict”]<font size=”5″ color=”green”>Duży tekst o zielonym kolorze</font>[/codesyntax]
Ponadto istnieje prosta możliwość ingerencji w położenie tekstu. Służy do tego atrybut align. Przyjmuje on cztery wartości.
left – wyrównuje do lewej(domyślnie)
center – wyrównuje do środka
right – wyrównuje do prawej
justify – wyrównuje do obu marginesów jednocześnie. Np.

[codesyntax lang=”html4strict”]<p align=”center”>Tekst wyśrodkowany</p>[/codesyntax]

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *