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

<font size="1">Minimalny rozmiar tekstu</font>
<font size="7">Duży tekst</font>
<font face="verdana">Czcionka z rodziny Verdana</font>
<font color="green">Ten tekst będzie zielony</font>
<font color="#0000ff">Niebieski tekst</font>

<font size="5" color="green">Duży tekst o zielonym kolorze</font>

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.

<p align="center">Tekst wyśrodkowany</p>

Dodaj komentarz

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