Základní blokové elementy

Blokové elementy při zobrazení začínají a končí novým řádkem.

Nadpisy <h1> až <h6>

<h1>Nadpis první úrovně</h1>
  • stručně popisují část dokumentu, kterou předcházejí
  • rozčleňují dokument na logické úseky (strukturální bloky)
  • interpret XHTML je také může využít k vytvoření obsahu daného dokumentu
  • úrovně nadpisů:
    • <h1> – nejvyšší důležitost (v dokumentu právě jednou)
    • <h2>, <h3>, <h4>, <h5>
    • <h6> – nejnižší důležitost

Nepřeskakujte úrovně (nepoužívejte např. <h4> bezprostředně po <h1>)!

Vizuální prohlížeče vykreslují nadpisy jako blokové elementy tučným zvětšeným písmem. Velikost logicky odpovídá důležitosti nadpisu, takže např. <h1> je největší. Toto zobrazení můžete změnit pomocí stylů.

Odstavec <p>

<p>Odstavec textu</p>
  • ve vizuálních prohlížečích formátován jako samostatný blok s vertikálním odsazením zarovnaný vlevo
  • může obsahovat
    • text
    • řádkové elementy
  • nesmí obsahovat blokové elementy
    • element <div>
    • nadpisy <h1> až <h6>
    • další element <p>
    • tabulku
    • formulář atd.

Vodorovný oddělovač <hr />

<hr />

Kontaktní informace <address>

<address>Velitelství výcviku&nbsp;&ndash; Vojenská akademie
  (VeV-VA), 682&nbsp;01 Vyškov, Víta Nejedlého,
  Tel. +420 973&nbsp;451&nbsp;022</address>
  • používá se k zobrazení kontaktních informací
  • uvádí se na začátku, nebo konci dokumentu
  • může obsahovat
    • text
    • řádkové elementy
    • element <br />

Konec řádku <br />

<address>
  Velitelství výcviku&nbsp;&ndash; Vojenská akademie (VeV-VA)<br />
  Víta Nejedlého<br />
  682&nbsp;01 Vyškov<br />
  Tel. +420 973&nbsp;451&nbsp;022
</address>

Přeformátovaný text <pre>

Viz Bílé znaky

Seznamy <ul>, <ol> a definice <dt>

Viz Seznamy a definice

Neformátovaný kontejner <div>

Viz Kontejnery

Citace <blockquote>

Může přímo obsahovat pouze blokové elementy, ne tedy hned text – ten musí být uzavřen v nějakém „kontejneru“, nejčastěji v odstavci.

<blockquote cite="http://cs.wikipedia.org/wiki/Jan_Werich">
  <p>Mějte dobrou náladu. Dobrá nálada vaše problémy sice nevyřeší, 
   ale naštve tolik lidí kolem, že stojí za to si ji užít.</p>
  <p>Kdo víno má a nepije, kdo hrozny má a nejí je,
   kdo ženu má a nelíbá, kdo zábavě se vyhýbá,
   na toho vemte bič a hůl, to není člověk, to je vůl.</p>
  <div>Autor: <cite>Jan Werich</cite></div>
</blockquote>

Atribut cite uvádí citovaný zdroj, odkaz na další zdroje nebo citaci (jména osob, organizací apod.). Pro zobrazení zdroje použijte řádkový element cite

PřílohaVelikost
elementy-blokove.html2.34 KB