Nastavení fontů
Nastavení fontů pomocí
následujících značek je dnes zastaralé a v podstatě se již nepoužívá,
uvádíme jen informativně, neboť se s ním ještě můžeme setkat.
- v současnosti
se výhradně užívá CSS - viz další strany
- fonty nastavujeme buď párovou značkou <FONT>
nebo nepárovou značkou <BASEFONT>
- obě značky jsou vždy doplněny o atributy (typ fontu,
barva, velikost písma)
<FONT>
- určuje vlastnosti části textu mezi značkami <FONT>
a </FONT>
- doplňuje další formátovací značky (např. nadpisy)
- využívá HTML atributy:
- FACE
- typ fontu
- SIZE
- velikost písma
- COLOR
- barva písma (viz dále)
<BASEFONT>
- na rozdíl od značky <FONT>
určující vlastnosti části textu, určuje <BASEFONT>
vlastnosti textu, který následuje po této značce až do konce stránky
- je samozřejmě možné upravit dílčí vlastnosti textu
značkou <FONT>
či jinými formátovacími značkami
Typy fontů:
- příklady zadání:
- <FONT FACE="ARIAL">Tento
text je napsán fontem ARIAL.</FONT>
- <BASEFONT
FACE="ARIAL">Následný text
až do konce bude psán ARIALEM.
- používání typů fontů je problematické ze dvou důvodů:
- je velká pravděpodobnost, že speciální fonty uživatel,
který si zobrazí stránku nevlastní a pak jde naše snaha o "okrášlení"
stránek v niveč
- lze obejít postupy, které odkážou na patřičný font,
uložený např. spolu s prezentací na webovém serveru
- názvy fontů v různých operačních systémech jsou různé a
tak např. nařídíme-li font ARIAL jako tvůrci pod Windows, Macintosh ho
nezobrazí, neboť ho nezná a tento font nazývá CHICAGO a naopak
- lze alespoň částečně eliminovat, známe-li názvy
totožných fontů v různých OS:
- <FONT FACE="ARIAL, CHICAGO"> Tento
text je napsán fontem ARIAL pod Windows a nebo CHICAGO pod Macintoshem.</FONT>
- <BASEFONT
FACE="ARIAL,
CHICAGO">Následný
text až do konce bude psán fontem ARIAL pod Windows a nebo CHICAGO pod
Macintoshem.
- do hodnot atributu zadáváme názvy fontů
oddělené čárkou
- takto lze předepsat i různé fonty pod jedním OS
a tím získáme vyšší pravděpodobnost, že uživatel má alespoň nějaký
font, který si představujeme, prohlížeč zobrazí první font, který zná
podle pořadí, které jsme určili zápisem
- pokud prohlížeč narazí na neidentifikovatelný font, zobrazí
text standardním fontem
Velikost písma:
- můžeme zadávat absolutně nebo relativně
- absolutní zadání:
- velikost může být v hodnotách 1 - 7 (standardní je cca
3-4)
- zadáváme:
- <FONT SIZE="5">Tento
text je napsán velikostí 5.</FONT>
- <BASEFONT
SIZE="6">Následný text
až do konce bude psán velikostí 6.
- relativní zadání:)
- velikost zadáváme tak, že před patřičné číslo velikosti
doplníme znak + nebo -
- text se pak zvětší, nebo zmenší o patřičnou hodnotu
oproti základní velikosti zadané příkazem <BASEFONT>
- <FONT SIZE="-1">Tento
text je napsán zmenšený o 1 velikost oproti základní velikosti.</FONT>
- <FONT SIZE="+3">Tento
text je napsán zvětšený o 3 velikosti oproti základní velikosti.</FONT>
- pokud základní velikost bude 5, uvedený příklad
by říkal, že má být text psán velikostí 8, ta neexistuje, takže bude
zobrazen velikosti 7
- toto zobrazení má výhodu u rozsáhlých stránek, kdy
chceme zvětšit základní velikost, automaticky se změní i všechny
ostatní velikosti
Barva písma:
- barvami se zabývá následující stránka podrobně, zde jen pro
ucelení
- zadáváme např. názvem barvy, nebo číselnou hodnotou - viz
dále
- příklad zadání:
- <FONT COLOR="RED">Tento
text je napsán červeně.</FONT>
Napište následující stránku:
<!DOCTYPE
HTML PUBLIC "-//W3C//DTD
HTML 4.01
TRANSITIONAL//EN">
<html>
<head>
<TITLE>Fonty</TITLE>
<META HTTP-EQUIV="Content-Type"
CONTENT="text/html;
charset=UTF-8">
</head>
<body>
<H1 ALIGN="CENTER"><FONT
FACE="ALGERIAN">Fonty</FONT></H1>
<P>Tento
text je napsán standardním
fontem, nyní požaduji, aby měl velikost 5 a byl červený. <FONT
SIZE="5"
COLOR="RED">Tak
a máme tu veliký červený text.</FONT>
Další text je už zase normální. Nyní nastavíme vlastnosti, které budou
až
do konce dokumentu, tedy písmo ARIAL, velikost 4 a barvu modrou.</P>
<BASEFONT FACE="ARIAL"
SIZE="4" COLOR="BLUE">
<P>Tak
a od této chvíle je nastaveno
na všechny odstavce jednotné nastavení.</P>
<P>My
však i tak můžeme měnit
nastavení textu. Budu chtít, aby teď byl text menší o 2 velikosti.<FONT
SIZE="-2">Tento
text je tedy menší o dvě velikosti, pokud si změníte ve zdrojovém kódu
velikost 4 na jinou, text se automaticky změnší opět o dvě velikosti.</FONT></P>
<P>Nyní
píšu základním fontem,
budu ale chtít zvětšený o 1 a červený. <FONT
SIZE="+1"
COLOR="RED">A
máme červený zvětšený text.</FONT>
<P>Na
závěr ukážeme, jak se zobrazí
speciální písmo, které není běžné: <BR><FONT
FACE="MILESTONES" SIZE="+3">m
n</FONT></P>
</body>
</html>
Zobrazení
