Jak już pewnie czytając poprzednie lekcję i wykonując ćwiczenia zauważyłeś, tekst wstawiony pomiędzy znaczniki ma niezbyt estetyczny wygląd. W tej lekcji zajmiemy się tym problemem
Znaczniki
Każdy tekst, który będzie miał mieć określony kolor, krój wielkość czcionki musimy objąć znacznikami np. wpisanie kodu:
<Font FACE="Arial" SIZE="2" COLOR="navy">tekst2</FONT>
spowoduje wyświetlenie w przeglądarce:
tekst1 tekst2
Wielkość czcionki
Wielkość czcionki reguluje parametr - SIZE="x". "X" może przyjmować wartości od 1 - 7. Poniżej znajdziesz przykłady zastosowania różnych wartości dla x:
Tekst o kodzie <Font SIZE="1">
Tekst o kodzie <Font SIZE="2">
Tekst o kodzie <Font SIZE="3">
Tekst o kodzie <Font SIZE="4">
Tekst o kodzie <Font SIZE="5">
Tekst o kodzie <Font SIZE="6">
Tekst o kodzie <Font SIZE="7">
Kolor i krój czcionki
Kolor czcionki reguluje wartość - Color="kolor". W tym kolor może być angielską nazwą koloru, lub kodem szestnastkowym.
Uwaga: Przeglądarki interpretują tylko 16 podstawowych kolorów:
| "black" | |
| "white" | |
| "maroon" | |
| "olive" | |
| "green" | |
| "navy" | |
| "red" | |
| "silver" | |
| "lime" | |
| "yellow" | |
| "blue" | |
| "purple" | |
| "gray" |
Warto także ustalić krój czcionki dla prezentowanego tekstu. Przy wyborze należy pamiętać, że nie każdy ma zainstalowaną pełną paletę krojów. Dlatego zaleca się używanie czcionek takich jak: Arial, Verdana... Deklaracji kroju dokonujemy poprzez słówko FACE np.
To jest tekst o kodzie
Dodatkowe tagi związane z czcionką i nie tylko
<B></B> - obięty tymi znacznikami tekst jest pogrubiony
<S></S> - obięty tymi znacznikami tekst jest przekreślony
<I></I> - obięty tymi znacznikami tekst jest pochylony
<U></U> - obięty tymi znacznikami tekst jest podkreślonu
<DIV align=left></DIV> - obięty tymi znacznikami tekst jest ułożony przy lewej krawędzi
<Center></Center> - obięty tymi znacznikami tekst jest wyśrodkowany
<DIV align=right></DIV> - obięty tymi znacznikami tekst jest ułożony przy prawej krawędzi
<HR> - wstawienie tego tagu spowoduje wyświetlenie na stronie poziomej lini.
Dodatkowo możemy zadeklarować szerokość lini <HR Width=50%>, oraz kolor <HR Color="maroon">.
Dodanie słówka "NOSHADE" spowodyje, że linia nie będzie trójwymiarowa - <HR NOSHADE>
<BR> - jest bardzo ważnym znacznikiem powoduje zrzucenie tekstu do kolejnej lini np.
wpisanie kodu:
tekst w drugiej lini
spowoduje wyświetlenie w przeglądarce:
tekst w pierwszej lini
tekst w drugiej lini
a nie:
tekst w pierwszej lini tekst w drugiej lini