HTML - formátování textu(3)

HTML - budeme se zabívat většinou možností formátování textů pomocí HTML

Formátování textu obecně

Úprava textu v jazyce HTML je rozdělena na dvě části fyzické a logické formátování textu. S oběmi se seznámíme(viz. níže). Formátování textu je velmi důležité pro přehlednost stránek, proto ho zde uvádím.

Základní hirearchii tvoří nadpisy

Nadpisů je šest druhů velikosti. Největší je <h1>, další je <h2>, následuje <h3>, <h4>, <h5> a řadu ukončuje nejmenší <h6>. První tři jsou běžně používané, ostatní jsou používané jen málokdy.

Druhý příklad

<html>
  <head>
    <title>Hierarchie nadpisů</title>
  </head>

  <body>
    <h1>Toto nadpis první úrovně tedy největší</h1>
    <h2>Nadpis druhé úrovně</h2>
    <h3>Nadpis třetí úrovně</h3>
    <h4>Nadpis čtvrté úrovně</h4>
    <h5>Nadpis páté úrovně</h5>
    <h6>Nadpis šesté úrovně</h6>  
    A nějaké další texty.
  </body>
</html>

Zobrazit příklad

Fyzické formátování

Fyzické formátování označuje přesně jak bude text vypadat. Je používanější, protože přesně určí jak bude text vypadat. A tím vždy splní záměr autora.

Tag: Význam: Párovost:

<b>

Tučně

Ano

<i>

Kurzíva

Ano

<u>

Podtržení textu

Ano

<sup>

Horní index

Ano

<sub>

Dolní index

Ano

<small>

Zmenšení textu o 1

Ano

<big>

Zvětšení textu o 1

Ano

<s>

Přeškrtnutý text

Ano

<strike>

Přeškrtnutý text

Ano

<font>

Text

Ano

<basefont>

Základní font

Ne

<blink>

Blikání textu

Ano

<nobr>

Nezalamovat obsah

Ano

Příklad tři


<html>
  <head>
    <title>Má třetí stránka</title>
  </head>

  <body>
<b> Toto bude tučně</b>

<i> Tohle kurzívou </i>

<u> Tohle potr?ené</u>

<sup> Tohle bude horní index</sup>

<sub> Tohle bude dolní index</sub>

<small> Tohle zmen?ené</small>

<big> Tohle zvět?ené</big>

<s> Tohle pře?krtnuté</s>

<strike> To samé </strike>


  </body>
</html>

Zobrazit příklad

Tag font

Slouží k nastavení vlastností textu, jako jsou barva, velikost a font písma.

Atribut tagu: Význam: Hodnota:

color	barva písma	barva
size	velikost, stupeň písma	1 až 7 \| +1 \| -1 (+-1 až 6))
face	font, druh písma	jména fontů oddělená čárkami

Příklad:<font color="yellow" face="Vrdana">žluté písmo Vrdanou</font>
Zobrazit příklad
Font se dnes skoro nepoužívá a ani se to nadoporučeje. Ale používá se tag span.

Tag basefont

Honně zastaralý prakticky vůbec nepoužívaný, má tři atributy, z příkladu(viz níže) jsou patrné. Musí stát hned za tagem body. Platí na celé stránce. Nepárový.
Příklad:

<body><basefont face="arial" color="navy">

Tmavěmodrý Arial bude všude. Doufám.

Tag blink

Mělo by to být blikající písmo nikdy jsem to neviděl fungovat. Snad jen Netscapu.

Tag nobr

Zakazuje zalomení řádku, nevímk čemu to může být. Ale dá se to omezit <wbr>(jen Internet Explorer), což je ještě zbytečnější.

Logické formátování

Odkazuji na jakpsatweb. Tam je to přesně popsáno i to co si myslím, že je zbytečné, takže o tom psát nebudu. Podle mě je z logického formátování důležitý je tag span a div.

Div a span

Span ophraničuje kousek textu(po řádku oproti div) kterému ukazuje jak bude formátovám, pomocí atributu class. Div ohraničuje vše co vněm je, v celé šíři stránky. Proto se dosti používá při formátování pomocí stylů CSS.

< >

autor: Vítězslav Titl
publikováno: 24.10.2004

<b>	Tučně	Ano
<i>	Kurzíva	Ano
<u>	Podtržení textu	Ano
<sup>	Horní index	Ano
<sub>	Dolní index	Ano
<small>	Zmenšení textu o 1	Ano
<big>	Zvětšení textu o 1	Ano
<s>	Přeškrtnutý text	Ano
<strike>	Přeškrtnutý text	Ano
<font>	Text	Ano
<basefont>	Základní font	Ne
<blink>	Blikání textu	Ano
<nobr>	Nezalamovat obsah	Ano