ZaRohem.cz Pražské metro Test osobnosti CowParade 2004 Praha MHD v ČR
Blog ZaRohem 1.PCRevue.cz Vinárna Na roli (Petřvald) Restaurace Třebovická role kapela Terra Ignota

Reklama
Hlavní stránka
Aktuality
Software
Internet
Hardware
Seriály
Viry
Tipy a triky
Download
Konference
Napište nám
Reklama
Doporučujeme užitečný crm systém od CÍGLER SOFTWARE!
Reklama
Tip na výkonný Macbook Pro 2017. Pořiďte si rychlý notebook s dlouhou výdrží.
22. listopad 1999 - Seriály

Jak vytvářet www stránky - 4. díl

Formátování textu je základem každé www stránky. Mnoho tvůrců webových stránek používá grafiku, která zbytečně zatěžuje návštěvníky dlouhou dobou potřebnou pro její stažení a zobrazení. Podobného nebo stejného efektu lze často dosáhnout vhodně zvoleným formátováním, ale i zde platí zlaté pravidlo "někdy méně znamená více". Snažte se tedy formátovaný text používat s mírou a pamatujte i na uživatele s textovými browsery, kterým například tučné písmo nemusí říkat vůbec nic.

Základní způsoby formátování písma

Text může být tučný, kurzívou nebo podtržený (jednotlivé řezy je možné kombinovat například takto).

Tučný řez písma

Tučné písmo definujeme párovým tagem <B>, kde uváděcí tag označuje začátek a ukončovací tag konec tučného textu.

Příklad:
Chceme-li zvýraznit <B>tento text</B> použijeme tučné písmo.
Ukázka:
Chceme-li zvýraznit tento text použijeme tučné písmo.

Šikmý řez písma (kurzíva)

Kurzívu definujeme párovým tagem <I>. Uváděcí tag označuje začátek formátovaného textu, ukončovací pak konec.

Příklad:
<I>Takto</I> vypadá text formátovaný kurzívou
Ukázka:
Takto vypadá text formátovaný kurzívou

Podtržené písmo

Chceme-li zvýraznit text podtržením, použijeme k tomu párový tag <U>. Konvence je stejná, jako v předchozích dvou případech. Zejména na www stránkách, kde jsou hyperlinkové odkazy řešené podtržením nedoporučujeme podtrhávat běžný text, protože stránka tím může ztratit přehlednost a návštěvník může být zmaten tím, že podtržený text nefunguje jako odkaz.

Příklad:
Text můžeme zdůraznit <U>podtržením</U>, ovšem není to zrovna nejvhodnější metoda....
Ukázka:
Text můžeme zdůraznit podtržením, ovšem není to zrovna nejvhodnější metoda....

Další způsoby formátování písma

Kromě tří výše uvedených způsobů existují ještě další tagy pro formátování písma, které zmíníme jen stručně:

  • <BIG> - velké písmo (písmo o jeden bod větší než standardní)
    Ukázka: Toto je normální písmo a takto vypadá velké písmo
  • <CODE> - neproporcionální písmo vhodné zejména pro výpisy zdrojových kódů
    Ukázka: if var(1)=10 then gosub identifikace
  • <SMALL> - malé písmo (písmo o jeden bod menší než standardní)
    Ukázka: Takto vypadá normální a a takto malé písmo
  • <STRIKE> - přeškrtnutý text
    Ukázka: Přeškrtnutím můžete například zdůraznit, že některá část dokumentu již neplatí
  • <SUB> - dolní index
    Ukázka: Dolní index využijete například v chemických vzorcích H2O, H2SO4
  • <SUP> - horní index
    Ukázka: V matematice a fyzice se bez horního indexu jednoduše neobejdete. Příkladem budiž vzorec kvadratické rovnice (a+b)2=a2+2ab+b2
  • <TT> - Teletype - zpravidla neproporcionální písmo připomínající psací stroj
    Ukázka: Formátování Teletype není příliš používané, přesto je zmíněno v normě W3C
Existuje ještě řada formátovacích elementů, které ale můžete alternovat vzájemnou kombinací tagů, jež jsme si uvedli v dnešním přehledu. Tyto tagy totiž zobrazí většina browserů podobně, zatímco některé méně používané vypadají v každém programu o něco jinak.

Reklama
 
 
Aktuální články:
Reklama
Program eWay-CRM je praktické CRM řešení integrované přímo do Microsoft Outlooku.
 
 
Reklama
 
© 1.PC Revue.cz - všechna práva vyhrazena
ISSN: 1213-080X
© Karel Kilián ml.
Zásady ochrany osobních údajů
Reklama