Linux Software

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 | czytane 46950×

RELATED ARTICLES KOMENTARZE

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.
dir	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)

KOMENTARZE

Nie ma komentarzy dla tej pozycji.

Tylko zarejestrowani użytkownicy mogą dopisywać komentarze.

Szukanie oprogramowania

Latest aktual Distributions

1.	Pacman linux Download: 5092x
2.	FreeBSD Download: 9305x
3.	PCLinuxOS-2010 Download: 8792x
4.	alcolix Download: 11187x
5.	Onebase Linux Download: 9906x
6.	Novell Linux Desktop Download: 0x
7.	KateOS Download: 6455x

Latest aktual Software

1.	xinetd Download: 2618x
2.	RDGS Download: 937x
3.	spkg Download: 5241x
4.	LinPacker Download: 10381x
5.	VFU File Manager Download: 3392x
6.	LeftHand Mała Księgowość Download: 7479x
7.	MISU pyFotoResize Download: 3084x
8.	Lefthand CRM Download: 3754x
9.	MetadataExtractor Download: 0x
10.	RCP100 Download: 3371x
11.	Predaj softveru Download: 0x
12.	MSH Free Autoresponder Download: 0x

linuxsoft.cz | Design: www.megadesign.cz