LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> HTML (3) - styly písma

Dnes se blíže podíváme na to, jaké typy písma nám HTML dovoluje v textu vyznačit.

24.6.2004 15:00 | Pavel Kácha | Články autora | přečteno 41305×

Typem písma vyznačujeme na stránce tu část textu, která buď má speciální obsah, který chceme od zbytku stránky nějak odlišit (např.: zdrojový kód), nebo má obsah, pro který není značka, ale my tento text chceme nějak odlišit. Typy písma se dělí na dvě velké skupiny:

  • logické
  • fyzické

Logické styly májí speciální obsah, který je logicky odlišuje od zbytku stránky (v každém prohlížeči se mohou zobrazit jinak), fyzické styly používáme spíše pro větší přehlednost textu (ve všech prohlížečích by se měly zobrazit stejně).

Logické styly

Všechny značky, které patří do logických stylů, jsou párové a je u nich nutné uvádět i ukončovací tag. V následující tabulce najdete přehled tagů pro logické styly.

Tagy pro logické styly
Tag Význam Zformatovany text
<em></em> Obsah tagu chceme zdůraznit Důležitý text
<strong></strong> Obsah tagu chceme silně zdůraznit Důležitější text
<cite></cite> Tímto tagem se označuje citace Citát z jiného zdroje
<dfn></dfn> Označuje právě definovaný termín Definovaný termín
<code></code> Označuje výpis zdrojového kódu nebo HTML printf("Hello world.");
<samp></samp> Výstup z programů a scriptů exit - error 3
<kbd></kbd> Ozančení textu zadaného uživatelem ls -la
<var></var> Označuje v textu proměnné $pomocna_promenna
<abbr></abbr> označuje zkratku WWW
<acronym></acronym> označuje akronym radar

Fyzické styly

Stejně jako u logických stylů jsou i u fyzických stylů všechny tagy párové a je u nich nutné uvádět i ukončovací tag. Následující tabulka obsahuje přehled tagů pro logické styly.

Tagy pro fyzické styly
Tag Význam Zformatovany text
<tt></tt> Neproporcionální písmo Text jako z psacího stroje
<i></i> Kurzíva Text psaný kurzívou
<b></b> Tučný text Text psaný tučně
<big></big> Velké písmo Velké písmo
<small></small> Malé písmo Malé písmo
<strike></strike> Přeškrtnutý text Tento text škrtám
<s></s> Přeškrtnutý text - tento tag už by se neměl používat, v novějších verzích nebude podporován Tento text škrtám
<u></u> Podtržený text - tento tag už by se neměl používat, v novějších verzích nebude podporován Podtržený text

Atributy pro styly písma

Atributy jsou u typů písma povoleny stejné jako u odstavců, jedinou vyjímkou je atribut pro zarovnání align:

Atribut Hodnota Význam
id libovolný text Hodnotou atributu je text (znakový řetězec), který je jednoznačným identifikátorem prvku v dokumentu. Tento atribut využijete třeba při oživování stránek pomocí JavaScriptu.
class libovolný text Hodnotou atributu je třída definovaná v tabulce prvků CSS, podle které se prvek zformátuje.
lang zkratky označující jazyk, např.: en, cz, sk Hodnotou atributu určujeme jazyk, kterým je psaný obsah odstavce. Podle zvoleného jazyka se aktivují různé konvence používané v konkrétních jazycích (např.: francouzské uvozovky).
dir rtl Určuje směr textu zprava doleva.
ltr Určuje směr textu zleva do prava.
title libovolný text Určuje titulek odstavce, který se v některých prohlížečích zobrazí jako bublinková nápověda po najetí kurzoru na odstavec (hojně využívané u akronymů :) ).
style příkazy jazyka CSS, např. color : red; Pomocí tohoto atributu můžete nadefinovat, jak se má zobrazit určitý logický styl . Můžete využít všechny možnosti, které CSS nabízí.

Samozřejmě nesmí chybět ani atributy využitené v kombinaci s JavaScriptem:

Povolené atributy spojené s JS v logických stylech
Atribut Význam
onclick Příkazy zadané jako hodnota proběhnou při kliknutí na element
ondblclick Příkazy zadané jako hodnota proběhnou při dvojkliku na element
onmousedown Příkazy zadané jako hodnota proběhnou při stisku tlačítka myši na element
onmouseup Příkazy zadané jako hodnota proběhnou po stisku tlačítka myši (po uvolnění tlačítka) na element
onmouseover Příkazy zadané jako hodnota proběhnou při přejetí kurzoru nad elementem
onmousemove Příkazy zadané jako hodnota proběhnou při pohybu kurzoru nad elementem
onmouseout Příkazy zadané jako hodnota proběhnou poté, co kurzor opustí prostor nad elementem
onkeypress Příkazy zadané jako hodnota proběhnou při stisku klávesy na klávesnici
onkeydown Příkazy zadané jako hodnota proběhnou při pohybu klávesy dolů (událost nastane ještě před úplným stisknutím klávesy)
onkeyup Příkazy zadané jako hodnota proběhnou při pohybu klávesy nahoru (událost nastane až při návratu klávesy do nestisknutého stavu)

Verze pro tisk

pridej.cz

 

DISKUZE

Nejsou žádné diskuzní příspěvky u dané položky.



Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

18.1.2017 0:49 /František Kučera
Členové a příznivci spolku OpenAlt se pravidelně schází v Praze a Brně. Fotky z pražských srazů za uplynulý rok si můžete prohlédnout na stránkách spolku. Příští sraz se koná už 19. ledna – tentokrát je tématem ergonomie ovládání počítače – tzn. klávesnice, myši a další zařízení. Také budete mít příležitost si prohlédnout pražský hackerspace Brmlab.
Přidat komentář

8.1.2017 17:51 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Přijď na sraz spolku OpenAlt, který se bude konat ve čtvrtek 19. ledna od 18:30 v pražském hackerspacu Brmlab. Tentokrát je tématem srazu ergonomie ovládání počítače – tzn. klávesnice, myši a další zařízení. K vidění bude mechanická klávesnice dasKeyboard, trackball Logitech nebo grafický tablet (a velký touchpad) Wacom. Přineste i vy ukázat svoje zajímavé klávesnice a další HW. V 18:20 je sraz před budovou, v 18:30 jdeme společně dovnitř, je tedy dobré přijít včas. Podle zájmu se později přesuneme do nějaké restaurace v okolí.
Přidat komentář

1.12.2016 22:13 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Přijď na sraz spolku OpenAlt, který se bude konat ve čtvrtek 8. prosince od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Sraz bude tentokrát tématický. Bude retro! K vidění budou přístroje jako Psion 5mx nebo Palm Z22. Ze svobodného hardwaru pak Openmoko nebo čtečka WikiReader. Přijďte se i vy pochlubit svými legendami, nebo alespoň na pivo. Moderní hardware má vstup samozřejmě také povolen.
Komentářů: 1

4.9.2016 20:13 /Pavel `Goldenfish' Kysilka
PR: Dne 22.9.2016 proběhne v Praze konference Cloud computing v praxi. Tématy bude např. nejnovější trendy v oblasti cloudu a cloudových řešení, provozování ERP v cloudu, o hostování různých typů softwaru, ale třeba i o zálohování dat nabízeném podnikům formou služby.
Přidat komentář

1.9.2016 11:27 /Honza Javorek
Česká konference o Pythonu, PyCon CZ, stále hledá přednášející skrz dobrovolné přihlášky. Máte-li zajímavé téma, neváhejte a zkuste jej přihlásit, uzávěrka je již 12. září. Konference letos přijímá i přednášky v češtině a nabízí pomoc s přípravou začínajícím speakerům. Řečníci mají navíc vstup zadarmo! Více na webu.
Přidat komentář

27.8.2016 8:55 /Delujek
Dnes po 4 letech komunitního vývoje vyšla diaspora 0.6.0.0
diaspora* je open-source, distribuovaná sociální síť s důrazem na soukromý
Více v oficiálním blog-postu
Přidat komentář

24.8.2016 6:44 /Ondřej Čečák
Poslední týden CFP LinuxDays 2016; pokud byste rádi přednášeli na LinuxDays 2016 8. a 9. října v Praze, můžete svůj příspěvek přihlásit, následovat bude veřejné hlasování.
Přidat komentář

9.8.2016 22:56 /Petr Ježek
Zařazení souborového systému reiser4 do jádra 4.7 znamená konečně konec patchování jádra jen kvůli možnosti použít reiser4.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

18.1.2017 20:18 / martin horky
Spolupraca linuxu a microsoftu

17.1.2017 9:57 / Pavel Hrubeš
Re: Externí USB televizní karta

4.1.2017 11:24 / Marcum
extension to house

3.1.2017 10:09 / bolden
country cottages

4.12.2016 22:54 / František Kučera
Dárek

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2017) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze