W tym artykule dowiesz się jak sformatować text w htmlu. Chodzi tu przede wszystkim o układ tekstu, jego kolor, czcionkę i wielkość. Zacznijmy od układu.
Domyślnie tekst pisany w html'u w przeglądarce jest wyrównany do lewej strony. Ja pokażę Ci co zrobić by go wyśrodkować, wyrównać do prawej lub wyjustować. W ten sposób nadasz przejrzystość swoim textom. Jeśli chcesz wyrównać akapit do prawego marginesu strony to do taga
<p> dodaj atrybut
align i wpisz odpowiednią wartość. By wyśrodkować dodaj
center, aby wyrównać do prawej strony-
right, a jeśli chcesz wyjustować text-
justify. Istnieje też parametr
left lecz jest on niepotrzebny gdyż text jest domyślnie wyrównywany do lewej strony.
W praktyce będzie wyglądać to tak:
<p align="right">Twój text wyrównany do prawej</p> |
<p align="center">Twój text wycentrowany</p> |
<p align="justify">Twój text wyjustowany</p> |
Ten sam efekt możesz osiągnąć wykorzystując
CSS. Aby to osiągnąć umieść w
HEAD
<style type="text/css">
div.jakasnazwa {text-align: center}
</style> |
Teraz w
BODY dodaj
<div class="jakasnazwa">
<p>Twój wyśrodkowany text</p> |
Oczywiście w ten sposób również możesz justować i wyrównywać text do strony. Wystarczy, że w definicji stylu zamiast center wpiszesz odpowiednią wartość.
Teraz przejdziemy do koloru tekstu. Jeśli chcesz by tylko część tekstu była innego koloru skorzystaj z elementu
FONT i dodaj do niego atrybut
color. Na przykładzie text jest zielony, lecz Ty możesz zastosować taki kolor jaki chcesz. Oto przykład:
<font color="green">Zielony tekst</font> |
Jeśli natomiast zależy Ci by cały tekst był jednego koloru skorzystaj z elementu
BASEFONT i również dodaj do niego atrybut color. Pamiętaj, że
BASEFONT działa tak samo jek na przykład element
CENTER. To znaczy, że pokoloruje tylko tekst który jest przed nim dla tego najlepiej umieść go zaraz po elemencie
BODY. A tak wygląda przykład:
Teraz ostatnia sprawa czyli czcionka. Czcionke zmieniemy dodając atrubut
face do elementów
FONT i
BASEFONT. Różnica między nimi została omówiona wyżej. Na przykład jeśli chcemy na stronie zastosować czcionkę
Helvetica całość będzie wyglądała tak:
<basefont face="Helvetica"> |
lub
<font face="Helvetica">Tekst o kroju Helvetica</font> |
Pamiętaj, że dobrze jest zastosować czcionkę zapasową. W tym gdy zwiedzający nie będzie miał zainstalowanej czcionki
Helvetica zostanie wyświetlona czcionka
Aral:
<basefont face="Helvetica, Aral"> |
Teraz ostatni etap. Wielkość czcionki. Ustalamy ją dodając do
FONT atrybut size oraz wpisując wartość liczbową. Np.
Wielkość możesz zmieniać wprowadzając nagłówek. Robisz to przez wstawienie elementu
<h1>. Cyfrę 1 możesz zmienić maksymalnie na 6.
A i jeszcze jedno. Ciekawym sposobem ozdabiania textu jest efekt
glowtext.Możesz o nim poczytać w poradach do CSS.
