Jelikož znak menšítka otevírá HTML-tag, chceme-li jej vypsat, nemůžeme jej jen tak napsat do textu, protože by se prohlížeč oprávněně domníval, že jím otevíráme tag, podobně u znaku většítka.
Chceme-li tedy vypsat znak, který funguje jako řídící,
použijeme zvláštní sekvenci. Tato sekvence začíná ampersandem (&),
následuje buďto mnemonikum znak popisující, nebo číslo znaku
v použitém kódování a celá sekvence končí středníkem.
Takže například
pro menšítko tato sekvence zní: <
podobně pro většítko >.
Jelikož znak ampersandu otevírá
řídící posloupnost, taktéž jej nemůžeme napsat do textu jen tak,
nýbrž jeho sekvence zní &.
Chceme-li v nějakém místě
textu (třeba mezi neslabičnou předložkou a slovem) zakázat řádkový
zlom, použijeme nezlomitelnou mezeru . Nezlomitelná mezera
určuje, že následuje kus místa, který se nutně musí přeskočit a nelze
jej nahradit řádkovým zlomem.
Chceme-li použít zápis pomocí čísla příslušného znaku, musíme před čísla posadit znak křížek (#). Tedy středník například vytiskneme takto: ;, menšítko <, nechceme-li udávat číslice desítkové, ale šestnáctkové, za znak křížek napíšeme znak x, tedy kupříkladu velkému A bude odpovídat posloupnost A...
Chceme-li naopak navrhnout prohlížeči u dlouhého slova místo, v němž je vhodné toto zalomit, použijeme sekvenci ­
Cvičení:
Sekvence & vysází &
?
Abychom nemuseli vše psát jedním druhem písma a například důležité pasáže napsat výraznějším fontem, pasáže, které ukazují výpis nějakého programu (nebo v případě tohoto materiálu zdrojový text HTML), máme k dispozici několik tagů, které jsou zásadně párové. Uvedeme jejich seznam a jejich název a popis vždy vypíšeme příslušným písmem:
CODE - část programu,
Kdo se chce poučit na příkladech, tomu lze doporučit zdrojový text této stránky.
PRE
Chceme-li prohlížeč donutit, aby mezery a konce řádek interpretoval
tak, jak jsme je napsali do textu, můžeme využít prostředí
<pre>
. Toto prostředí ukončíme tagem </pre>
.
Použít je lze kupříkladu k sázení veršů, kaligramů, ASCII-artu a tomu podobných
hrátek s písmenky.
<pre> _______________________________________________________ |=========================== _ _ _ _ _ _ .-,| ||A|1[X] [_] [_] [_] [_] [_] [_] [_] [_] [_] [_] [X]2|A|| ||U| [X] [_] [_] [_] [_] [_] [_] [_] [_] [_] [_] [X] |U|| || | | || =||_| AB |_||= ``=',-----------------------------------------------.`='' -=-'( )=( ) `--' `-' `--' `---' ( )=( )`-=- =========================================================== </pre>opravdu vysází vagón, pokud na prostředí
PRE
zapomeneme, dopadne to takto:
Chceme-li tisknout chemické vzorce nebo algebraické rovnice,
neobejdeme se bez horních a dolních indexů. Tyto se v HTML
vytvářejí neobyčejně snadno. Tagem <SUB>
zahájíme dolní index, tagem </SUB>
ukončíme,
tagy pro horní index se liší jen jediným písmenem, jmenují
se <SUP>
resp. </SUP>
Příklad:
Výraz | Zdrojový text | Význam |
---|---|---|
CCl4 | CCl<sub>4</sub> | Tetrachlormethan |
H3PO4 | H<sub>3</sub>PO<sub>4</sub> | Kyselina fosforečná |
c2 = a2 + b2 - 2bc cos γ | c<sup>2</sup> = a<sup>2</sup> + b<sup>2</sup> - 2bc cos γ | Cosinová věta |