Standardní styly odstavců

Na této stránce se nacházejí ukázky různých stylů odstavců. Můžete pomocí ní zjistit, jak jednotlivé styly odstavců při použití vypadají, většinou jsou ve všech prohlížečích zobrazeny obdobně (případné rozdíly uvedu). Lze též nastavit vlastní formát pomocí formátování stylů.
Většina formátů odstavců vkládá před a za sebe mezery (vícenásobné odřádkování). Pokud je však odstavec následován dalším odstavcem s mezerami, tyto mezery se nesčítají, ale prolínají. Odřádkování v odstavci se většinou provádí automaticky podle velikosti okna browseru. Automatické dělení textu lze též zakázat použitím NOBR.
Veškeré popisy na této stránce jsou psány standardním formátem (bez popisu) a nadpisy sekcí, psané tímto typem, jsou podtrženy (U). Před nadpisy je vždy odřádkováno (BR).

A jaké ukázky tu najete?
  Nadpisy
  Standardní styly odstavce
  Vložené zdroje
  Seznamy
  Definice
  Předdefinované formáty textu


HTML umožňuje šest typů nadpisů (Hi):

Toto je H1

Toto je H2

Toto je H3

Toto je H4

Toto je H5
Toto je H6

Standardní typy odstavců:

Toto je standardní typ odstavce (P). Používá se prakticky pro všechny odstavce psané v HTML.

Dalším typem je citace (BLOCKQUOTE). Má nastaveno oboustranné odsazení (zleva i z prava).
A nakonec adresa (ADDRESS). Je psána šikmo a není vložena mezera, jen se odřádkuje (není znát kvůli předchozímu odstavci).

Pak existuje několik stylů pro přímé vložení zdrojů. Zarovnání a řádkování se neprovádí automaticky, ale podle kódu psaného v HTML. Používá se monospaced font (Courier). Typy se rozlišují velikostí fontu. 
Toto je typ PRE. V příručce je uvedeno, že lze u něj nastavovat
velikost fontu, ale mě to bohužel nefungovalo (Netscape ani IE). Toto zobrazení odpovídá
velikosti 80 (je to počet znaků na řádku).
Další typ je LISTING. Odpovídá velikosti při 132 znacích. Při této velikosti není patrné ztučnění textu. Tento odstavec je psán typem <b>XMP</b>. Je to obdoba PRE, ale jak je vidět při ztučnění, HTML tagy zobrazuje též jako text. Jeho obdobou je PLAINTEXT, který však nemá ukončovací symbol </...>, takže je vlastně nepoužitelný (zobrazí i </HTML>).
Speciálním typem odstavce jsou seznamy. Zde je ukázka jednotlivých typů označení položek seznamu a též zanoření:
    Číslované seznamy
  1. arabské číslování (1)
  2. malé římské číslování (i)
  3. velké římské číslování (I)
  4. malá písmena (a)
  5. velká písmena (A)
    Zanoření v nečíslovaných seznamech (bez nastavení typu)
  1. První úroveň
    1. Druhá úroveň

Definice
Speciálním typem seznamů jsou tzv. definice (DL), které lze použít pro seznam s nadpisem. Standardně je nadpis (DT) řádek od kraje, kdežto data (DD) jsou zleva odsazeny. Místo DD lze též použít LI, což před odsazený řádek vloží značku disc (nelze změnit), nebo též UL/OL, což vytvoří podseznam. Odsazení řádek se však dosáhne až použitím DD. Parametr COMPACT u DL způsobí, že se první datový řádek posune k řádku definice (pokud je definice dostatečně krátká-neposouvá se). Uvedený příklad je bez COMPACT.
Definice-nadpis seznamu (DT)
datová položka (DD)
  • položka seznamu (LI)
    nadpis podseznamu (DD)
    1. položka číslovaného seznamu (lze nastavit typ)
    2. nadpis dalšího podseznamu
      • položka nečíslovaného seznamu (lze nastavit typ)
    další datová položka (DD)
    Druhý nadpis (DT)
    definice nadpisu (DD)

    • Speciální formáty textu
    HTML má několik předdefinovaných stylů písma. Tady jsou ukázky:
  • citace (CITE)
  • vložený kód - monospaced font (CODE)
  • zvýrazněný text (EM)
  • vstup od uživatele (KBD)
  • příklady (SAMP)
  • zvýrazněný text (STRONG)
  • název proměnné (VAR)


    • Ukázka textu bez dělení

    Tenhle text by se neměl rozdělit v jakkoliv malém okně. Dělení je možno povolit znakem WBR, ale ten je vložen na konci téhle věty. Dál pokračuje text bez dělení ... fsdgh dfhfgj fghjj gfhjdj dkgdlsg dlkmghůld lkjmfrs jnsgjkd kjsgk dngkdsg dfngbd kljkldng

    Speciálně zarovnané odstavce
    Tohle je P odstavec, na kterém zkusím dfghfsh fsghfhfgj fghdfhjd
    tohle psát centrovaně až sem
    a taky fghdfhj fhjj ghjfg ghj fghjj flghdfm kdhkglsfh fhf
    nacpat pomocí DIV do prava až sem
    a taky napsat kus červeně pomocí SPAN až sem a taky změnit font na arial a zvětšit ho o 3 až sem a nakonec dopíšu tenhle odstavec.

    Odstavce odvislé na prohlížeči (pro přehlednost jsou mezi odstavce vloženy odřádkování):
    Tento text by měl být v Netscapu zobrazen ve třech sloupcích s mezerami mezi nimi a měly by zabírat jen 80% stránky. Rozdělení je provedeno dost zajímavě, takže je lepší použít spíše tabulku (též v IE).
    Toto by mělo být v IE scrolovat v rámečku s šedivým pozadím. Lze nastavit spousta parametrů. V Netscapu je nutno použít nějaký skript.
    V Netscapu by měl být před tento odstavec vložen prázdný blok - mezera, kterou by měl text obtéci.