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:
<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:
<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.