ARCHIV
PerlPHPGimpZačínáme s wi-fi64bit LinuxProgramování C/C++Linux v příkazechHTMLPostgreSQLOkenní managery
Software (10844)
Distribuce (131)
Skripty (697)
Menu
Diskuze
Informace
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 46837×
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 | |
| <s></s> | Přeškrtnutý text - tento tag už by se neměl používat, v novějších verzích nebude podporován | |
| <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) |
Předchozí Celou kategorii (seriál) Další
HTML (2) - odstavec a nadpisy
HTML (4) - odkazy
HTML (5) - obrázky
HTML (6) - obrázky 2
HTML (7) - seznamy
HTML (8) - tabulky
HTML (9) - tabulky 2
HTML (10) - tabulky 3
HTML (11) - formuláře
HTML (12) - formuláře 2
HTML (13) - formuláře 3
HTML (14) - formuláře 4
HTML (15) - formuláře 5
HTML (16) - rámy
HTML (17) - rámy 2
HTML (18) - rámy 3
HTML (19) - metadata
HTML (20) - dokončujeme
Webové Standardy 1 - Historie, problém a řešení
HTML (21) - Přecházíme na XHTML
Dynamické načítání dat z databáze pomocí jQuery a PHP
Programujeme chat s dynamickým načítáním
HTML 5 I. - Úvod do HTML 5
HTML 5 II. - Ako začať s tvorbou HTML 5 dokumentu
Předchozí Celou kategorii (seriál) Další
|
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ů
28.11.2018 23:56 /František Kučera
Prosincový sraz spolku OpenAlt se koná ve středu 5.12.2018 od 16:00 na adrese Zikova 1903/4, Praha 6. Tentokrát navštívíme organizaci CESNET. Na programu jsou dvě přednášky: Distribuované úložiště Ceph (Michal Strnad) a Plně šifrovaný disk na moderním systému (Ondřej Caletka). Následně se přesuneme do některé z nedalekých restaurací, kde budeme pokračovat v diskusi.
Komentářů: 1
12.11.2018 21:28 /Redakce Linuxsoft.cz
22. listopadu 2018 se koná v Praze na Karlově náměstí již pátý ročník konference s tématem Datová centra pro business, která nabídne odpovědi na aktuální a často řešené otázky: Jaké jsou aktuální trendy v oblasti datových center a jak je optimálně využít pro vlastní prospěch? Jak si zajistit odpovídající služby datových center? Podle jakých kritérií vybírat dodavatele služeb? Jak volit vhodné součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně datové centrum spravovat? Jak co nejlépe eliminovat možná rizika? apod. Příznivci LinuxSoftu mohou při registraci uplatnit kód LIN350, který jim přinese zvýhodněné vstupné s 50% slevou.
Přidat komentář
6.11.2018 2:04 /František Kučera
Říjnový pražský sraz spolku OpenAlt se koná v listopadu – již tento čtvrtek – 8. 11. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma umění a technologie, IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář
4.10.2018 21:30 /Ondřej Čečák
LinuxDays 2018 již tento víkend, registrace je otevřená.
Přidat komentář
18.9.2018 23:30 /František Kučera
Zářijový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 20. 9. 2018 od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Tentokrát bez oficiální přednášky, ale zato s dobrým jídlem a pivem – volná diskuse na téma IoT, CNC, svobodný software, hardware a další hračky.
Přidat komentář
9.9.2018 14:15 /Redakce Linuxsoft.cz
20.9.2018 proběhne v pražském Kongresovém centru Vavruška konference Mobilní řešení pro business.
Návštěvníci si vyslechnou mimo jiné přednášky na témata: Nejdůležitější aktuální trendy v oblasti mobilních technologií, správa a zabezpečení mobilních zařízení ve firmách, jak mobilně přistupovat k informačnímu systému firmy, kdy se vyplatí používat odolná mobilní zařízení nebo jak zabezpečit mobilní komunikaci.
Přidat komentář
12.8.2018 16:58 /František Kučera
Srpnový pražský sraz spolku OpenAlt se koná ve čtvrtek – 16. 8. 2018 od 19:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát jsou tématem srazu databáze prezentaci svého projektu si pro nás připravil Standa Dzik. Dále bude prostor, abychom probrali nápady na využití IoT a sítě The Things Network, případně další témata.
Přidat komentář
16.7.2018 1:05 /František Kučera
Červencový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 7. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tentokrát bude přednáška na téma: automatizační nástroj Ansible, kterou si připravil Martin Vicián.
Přidat komentář
Poslední diskuze31.7.2023 14:13 /
Linda Graham
iPhone Services
30.11.2022 9:32 /
Kyle McDermott
Hosting download unavailable
13.12.2018 10:57 /
Jan Mareš
Re: zavináč
2.12.2018 23:56 /
František Kučera
Sraz
5.10.2018 17:12 /
Jakub Kuljovsky
Re: Jaký kurz a software by jste doporučili pro začínajcího kodéra?