Zmiana rozmiaru czcionki wybranego fragmentu tekstu

W celu uatrakcyjnienia tekstu, często stosuje się zmianę rozmiaru jednej litery lub wyrazu.

Poniżej przedstawiony jest kod źródłowy przykładowego dokumentu - należy zwrócić uwagę na sposób ustalania rozmiaru czcionki pojedynczych fragmentów tekstu (tekst wpisany kolorem czerwonym nie jest częścią kodu źródłowego).


<body bgcolor="#6FB20F">

Poniższy fragment tekstu przedstawia przykład kodu źródłowego HTML ustalającego rozmiar czcionki dla całego dokumentu, a rozmiar pewnych fragmentów tekstu zmieniany jest w miarę potrzeb.

<basefont size=1>
Podobnie jak <font size=4>wychowanie, kształcenie </font>jest procesem
ciągłym i złożonym. Dla W. Okonia <blockquote> "Kształcenie to ogół
czynności (zewnętrznych i wewnętrznych) umożliwiających ludziom
poznanie przyrody, społeczeństwa i kultury oraz uczestnictwo w ich
kształtowaniu, a zarazem osiągnięcie możliwie wielostronnego rozwoju
sprawności, zdolności; uzdolnień, zainteresowań; zamiłowań, przekonań;
postaw, jak również nabycie pożądanych kwalifikacji
zawodowych."</blockquote>
<font size=4>Historia muzyki rokowej</font><P>
<h5><B>Teraz coś efektownego - jak myślę<B></h5>
<B><font size=1>R</font><font size=2>a</font><font size=3>i</font>
<font size=4>n</font><font size=5>b</font><font size=6>o</font>
<font size=7>w</font><font size=7>R</font><font size=6>i</font>
<font size= 5>s</font><font size=4>i</font><font size=3>n</font>
<font size=2>g</font><font size=1>THE END</font>
 

Wartość atrybutu size znacznika font ustala rozmiar czcionki w tekście objętym znacznikami FONT otwierającym i zamykającym. Dla pozostałego tekstu obowiązuje rozmiar ustalony przez wartość atrybutu SIZE znacznika BASEFONT .

</body>
</html>

Rady:

  • Znacznika FONT należy używać do zmiany rozmiaru fragmentu tekstu, natomiast BASEFONT - do całego dokumentu.
  • Nie należy wpisywać tekstu większą czcionką niż nagłówek.


Niżej możesz poćwiczyć.

W oknie edytora możesz wprowadzić zmiany w tekście kodu HTML, a po naciśnięciu przycisku "Pokaż wygląd stony" zobaczysz efekt działania zmodyfikowanego kodu.