Dnes je Přidat k oblíbeným

Formátování textu



Nadpisy

V jazyce HTML je definováno šest velikostí nadpisů (headers), a to párovými tagy <h1> </h1>,<h2></h2>,<h3></h3>,<h4> </h4>,<h5></h5>,<h6></h6>. Nadpis <h1> </h1> je největší, nadpis <h6> </h6> nejmenší. Za nadpisem se automaticky začne nový řádek. Pokud chcete zarovnat nadpis na střed, není nic jednoduššího než napsat <hx align="center">.
nova online
<h2>Velikost 2</h2> <h4>Velikost 4</h4> <h6>Velikost 6</h6>
Výsledek:

Velikost 3

Velikost 4

Velikost 6

Další hrátky s textem

<i>kurzíva (nakloněný text)
<b>tučné písmo
<tt>text s pevnou šířkou znaku
<code>vhodné pro zdrojové programy
<strong>silný text
<sup>horní index
<sub>dolní index
<small>malé písmo
<big>velké písmo

Změna barvy, typu a velikosti písma

Se zadává pomocí parametrů color, face a size u tagu <font>. Parametr size (velikost) nabývá hodnot 1 (nejmenší) - 7 (největší). Barva se zadává anglickým názvem. Podívejte se na seznam názvů použitelných barev v kapitole barvy. Shrnutí použitelných typů písma následuje po příkladu.
Písmo velikosti 3<br>
<font size="5" color="red">Přechodné písmo velikosti 5 a červené barvy</font><br>
A zase velikost 3

Bude zobrazeno jako:
Písmo velikosti 3
Přechodné písmo velikosti 5 a červené barvy
A zase velikost 3


Použitelná písma

Písma se dělí na dva základní druhy- patková a bezpatková. Bezpatková jsou hůře čitelná a vhodnější pro různé nadpisy, patková se dobře čtou z papíru i z obrazovky (většinou.)
PísmoVlastnostiVýhodyNevýhodyPoužití
Times New RomanPatkovéDobrá čitelnost z papíruHorší čitelnost z obrazovkyNa texty je to asi nejlepší písmo
GaramondPatkové, renesanční vzhled (zejména kurzíva)Zejména na nadpisy, v textu je příliš 'vzdušné'
ArialBezpatkovéJedno z nejčastěji používaných
Dobře čitelné na obrazovce
Špatná čitelnost z papíru
Optická zhuštěnost znaků
Arial NarrowBezpatkové, úzké znakyMéně robustní než Arial, a proto lépe čitelnýV různých prohlížečích má poněkud odlišný vzhledOdkazová tlačítka i delší texty
VerdanaBezpatkové, kulatý vzhledDobře vypadající při nastavení malé velikosti a vysokých řádkůŠpatně čitelné
Courier NewPatkovéToto písmo má všechny znaky
stejně široké (l l m m)
a proto se hodí na výpisy různých zdrojových kódů, popřípadě na zajímavě pojaté nadpisy
Protože všechny fonty nemusí být nainstalovány v každém prohlížeči, je lépe zadat jich více. Pokud prohlížeč zjistí, že nemůže použít první typ, použije další v řadě. Na konec každé řady se většinou dává buď serif (jakékoli patkové písmo) nebo sans-serif (jakékoli bezpatkové). Pro Courier New se používá monotype.

Nejpoužívanější deklarace

<font face="Times New Roman, serif"></font>
<font face="Garamond, Times, serif"></font>
<font face="Arial, Helvetica, sans-serif"></font>
<font face="Arial Narrow, Arial, sans-serif"></font>
<font face="Verdana, Arial, Courier, sans-serif"></font>
<font face="Courier New, Courier, monotype"></font>
<font face="MS Sans Serif, Geneva, sans-serif"></font>

Kromě barvy textu také můžeme nastavit i barvu hypertextových odkazů a to tak, že tagu body přiřadíme atributy link (barva nepoužitých odkazů), alink (barva odkazů, na něž bylo právě kliknuto) a vlink (barva už navštívených odkazů).

TagPárovýVýznamAtributy
h1PárovýNejvětší nadpisalign="left | right | center | justify"
h2PárovýDruhý největší nadpisalign="left | right | center | justify"
h3PárovýVětší nadpisalign="left | right | center | justify"
h4PárovýMenší nadpisalign="left | right | center | justify"
h5PárovýDruhý nejmenší nadpisalign="left | right | center | justify"
h6PárovýNejmenší nadpisalign="left | right | center | justify"
iPárovýkurzíva
bPárovýtučně
ttPárovýpevná šířka znaku
codePárovýzdrojové programy
strongPárovýsilně
supPárovýhorní index
subPárovýdolní index
smallPárovýmalé písmo
bigPárovývelké písmo
fontPárovýohraničuje úsek textu, pro nějž nastavuje barvu, velikost a typ písmasize="1-7" color="barva" face="typ"
bodyPárovýVymezuje tělo dokumentulink="barva ještě nepoužitých odkazů"
alink="barva právě aktivního odkazu"
vlink="barva navštívených odkazů"
Design a kód Kookie © 2009 | Nahoru| O webu | Televize online | TV online
Základy jazyka HTML Strukturování textů Formátování textu Tvorba seznamů Tvorba odkazů Grafika stránek Barvy na webu Tvorba tabulek Tvorba rámců Tvorba formulářů Neutrální tagy Vývoj HTML- XHTML Úvod do CSS Zápis CSS a propojení s HTML Selektory Výstupní zařízení Dědičnost a kaskáda Typy prvků v CSS Kompletní přehled CSS vlastností Rozdílný vzhled v prohlížečích Délkové jednotky v CSS Ořezávání a posun Obtékání Absolutní pozicování v CSS Relativní pozicování v CSS Layout absolutním pozicováním Layout relativním pozicováním Pokročilý layout - tzv. Svatý grál Nechte své stránky vydělávat! Jak zvýšit návštěvnost Seznam katalogů PHP - dynamické stránky Javascript