Zprávy |  Hardware |  PDA |  MP3 |  Design |  Windows 98 |  Windows NT/2000 |  Vývoj |  Soubory |  Slovník |  Poradna |
 Hledání:
  
 Pokročilé  Máte problém?
Živě o počítačích a Internetu
Přidat aktivní kanál Živě si čte 582 lidí  
         
Soutěž o tričko Actrix - ZDE!
Vývoj
 Apache a IIS
 ASP a skripty
 HTML
 Průvodci
 Doporučené weby
 Výuka HTML

 EnglishEnglish

Živě
 Články za týden
 Nové příspěvky
 Nejčtenější články
 Ankety
 Autoři
 Reklama na Živě
 Kontakt na redakci
 Živě pro váš server
 Hledáme autory!
 Volná místa v IT

Nakupujte živě
Gabriel Knight 3
JRC Interactive
2000 let kacířství, zrady a lží. Jediná děsivá pravda Vítej ve vzdálené francouzské vesničce Rennes-le-Ch´teau, kde spočívá tvůj osud zahalen temným a zlověstným tajemstvím. Tisíce let bylo drženo ve skrytu, ...

1439,00 Kč
Jak vytvářet www stránky - 4. díl
Karel Kilián HTML - 3. 1. 2000 0:00

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.
Pošli článek
Tiskni článek
Přidej názor
Textová inzerce
Volna-mista.cz: více než 1 600 pracovních príležitostí
Vltava: NEJLEVNĚJŠÍ hudební CD a DVD na českém trhu
Pauza: Ropa za zbraně?
FlashFun: bav se, hrej hry na Internetu a VYHRAJ super věci!
Sháníte mobilní telefon?: Vyberte si z bohaté nabídky za nejlepší ceny ...
Mobilmania: NOVÝ internetový časopis o mobilních telefonech a operátorech
Aktuální články
Slovník
Není vám jasný nějaký pojem? Zeptejte se slovníku Živě:

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.

Malý domácí úkol do příštího týdne, kdy si vysvětlíme nadpisy a formátování odstavců: vytvořte si HTML stránku, na níž použijete všechny typy formátování, které jsme si dnes vysvětlili. Přeji mnoho štěstí.

Související články:

Zajímá-li vás bližší pohled na tento článek, podívejte se na něj v souvislostech.


 Diskusní fórum čtenářů (5 zpráv)
[Nový příspěvek][Vypsat vše]

Copyright 1996-2000 Computer Press, a.s., realizační tým