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 40331×

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ů

8.5.2016 17:19 /Redakce Linuxsoft.cz
PR: Dne 26.5.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í, cloudové služby, infrastruktura cloudu, efektivní využití cloudu, možné nástrahy cloudů a jak se jim vyhnout
Přidat komentář

21.4.2016 8:01 /František Kučera
Spolek OpenAlt zve na 127. distribuovaný sraz příznivců svobodného softwaru a otevřených technologií (hardware, 3D tisk, SDR, DIY, makers…), který se bude konat ve čtvrtek 28. dubna od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

2.3.2016 22:41 /Ondřej Čečák
Letošní ročník konference InstallFest již tento víkend!
Přidat komentář

14.2.2016 16:39 /Redakce Linuxsoft.cz
O víkendu 5. a 6. března 2016 proběhne na pražském Strahově 8. ročník tradiční konference InstallFest. Celkem za dva dny uvidíte ​30 přednášek​ a ​6 workshopů.
Přidat komentář

5.2.2016 17:38 /Petr Ježek
Utilitka z XFce "xfce4-power-manager" nejen umožňuje nastavení lhůty pro uspání či hybernaci, ale i zapínání a vypínání prezentačního módu pro nerušené sledování videí. Stačí ji nastavit v každém vybavenějším panelu a v jakémkoli nontiled WM/DE.
Přidat komentář

10.1.2016 11:32 /Pavel `Goldenfish' Kysilka
LinuxMarket změnil provozovatele. Nově jej provozuje Marek Pszczolka. Více info a detaily #1 a #2.
Přidat komentář

29.12.2015 11:38 /Ondřej Čečák
Ještě posledních pár dní můžete přidávat příspěvky nebo nápady na Install Fest 2016, který se bude konat 5. a 6. března 2016.
Přidat komentář

8.12.2015 11:36 /Petr Ježek
Logické se stává realitou. LibreOffice a Thunderbird se mají dle článku na Redditu stát protiváhou MS řešení (MS Office a Outlook).
Přidat komentář

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

> Poslední diskuze

7.5.2016 14:58 / Teodor Komárek
Soubory

20.4.2016 0:07 / Jakub Cleing
Sázkový panel PHP FUSION

9.4.2016 9:43 / jiwopene@gmail.com
Re: problém s dpkg a nemožností instalovat

9.4.2016 9:41 / jiwopene@gmail.com
Re: změna velikosti disk.oddílu

9.4.2016 9:40 / jiwopene@gmail.com
Re: Přenesení starého OS Win7 na virtuál v Debianu

Více ...

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