Čtvrtý díl o HTML – odstavce

Dnes se podíváme na to, jak se v HTML zapisují odstavce. Pro odstavec se v HTML používá tag P, jedná se o párový tag, tedy vše, co je v <p> </p> je chápáno, jako jeden odstavec, tedy přesněji nějak takto:

<BODY>

<p>první odstavec</p>

<p>druhý odstavec</p>

</BODY>

Takto jednoduše je možné vytvořit v HTML odstavec, nicméně občas je potřeba, aby byl odstavec nějakým způsobem formátován.

Pro formátování se používá v HTML atribut align, který má tyto parametry:

hodnota význam
left Zarovná celý odstavec na levou stranu
right Zarovná celý odstavec na pravou stranu
center Zarovná celý odstavec na střed
justify Zarovná celý odstavec do bloku

tedy pokud budeme chtít formátovat odstavec na střed, napíšeme to tímto způsobem:

<BODY>

<p align=“center“>Odstavec formátovaný na střed</p>

</BODY>

Stejným způsobem formátujeme jakýkoliv odstavec, z příkladu je tedy jasné, že formátování v HTML je velmi jednoduché. Stejným způsobem lze formátovat i nadpisy, o kterých jsme si řekli něco v minulém díle.

Krom atributu align můžeme však použít i několik dalších, které se většinou používají ale s jinými jazyky, jako je například Javascript nebo CSS, jsou to tyto atributy:

 

Atribut Hodnota Zápis hodnoty atributu Význam
id jakýkoliv text id=“libovolny_text“ Obsah tohoto atributu je jakýkoliv text, který se na stránce bude objevovat pouze jednou, je to jednoznačný identifikátor určitého prvku na stránce, využití v CSS a Javascriptu
class jakýkoliv text class=“libovolný_text“ Obsahem atributu je text, tento prvek narozdíl od ID nemusí být na stránce pouze jednou. Vytváří třídu, ve které se vše formátuje stejným způsobem. Využití v CSS
lang cz, sk, en, de lang=“cz“ Obsah tohoto atributu je psán právě tím jazykem, neslouží jako překladač
dir rtl, ltr dir=“rtl“ Určuje styl psaní textu, rtl z prava do leva a ltr z leva do prava
title jakýkoliv text title=“libovolny_text“ Některé prohlížeče zobrazují obsah tohoto atributu jako bublinkovou nápovědu, jinak jde o titulek třeba odstavce
style color: blue style=“color: blue“ Budeme velmi využívat v CSS, obsah tohoto atributu je právě CSS

Krom těchto atributu existují i další, které vznikly kvůli Javascriptu, jedná se takzvané atributy pro události. Tyto atributy sice na stránce psát můžete, ale bez Javascriptu jsou dá se říci k ničemu, proto doporučuji je používat až teprve poté, co budete mít nějaké základní znalosti z Javascriptu. Těch několik základních, co se dají použít pro nadpisy a odstavce si nyní vyjmenujeme:

 

Atribut Význam
onclick Hodnoty tohoto atribudu se provedou ve chvíli, kdy se na oblast, do které tento atribut spadá klikne
ondblclick Hodnot v tomto atributu se provedou ve chvíli, kdy se na oblast, do které tento atribut spadá provede dvojitý klik
onkeypress Hodnoty v tomto atributu se provedou ve chvíli, kdy zmáčkneme určitou klávesu
onkeydown Hodnoty v tomto atributu se provedou ve chvíli, kdy jde dolu konkrétní klávesa, tedy při stisku
onkeyup Hodnoty v tomto atributu se provedou ve chvíli, kdy jde konkrétní klávesa nahoru, tedy při uvolnění
onmousedown Hodnoty v tomto atributu se provedou ve chvíli, kdy jde tlačítko myši dolu<, tedy se stiskne/td>
onmouseup Hodnoty v tomto atributu se provedou ve chvíli, kdy je tlačítko myši uvolněno

Bylo uvedeno jen několik atributů, je jich však o mnoho více, ale o těchto základních je dobré alespon vědet.

„Líbil se Vám tento článek? Sdílejte ho prosím na sociálních sítích, ať se o něm dozvědí i Vaši kamarádi. Děkuji!“
Share on FacebookShare on Google+Tweet about this on TwitterShare on TumblrEmail this to someone