WEBOVÁ STRÁNKA VYTVOŘENÁ PRO ZÁPOČET PŘEDMĚTU
TVORBA WWW STRÁNEK

Entita	Znak
	pevná mezera
<	<
>	>
&	&
"	"

±	±
×	×
®	®
©	©
€	€
»	»
«	«

Blokové elementy

Blokové elementy jsou elementy, za kterými se zalamuje řádek, příkladem může být odstavec p nebo nadpis h1.

<p>
Tagem p se vytvářejí odstavce, odstavce májí před a pod sebou mezeru, odstavec můžeme zapisovat párově i nepárově.

<p>Blokové elementy: H1-H6, P, BR, DIV...</p>
<p>Za blokovými elementy se zalamuje řádek.</p>

Odstavce můžeme zarovnávat pomocí atributu align.

Hodnoty align mohou být: left , center , right , justify.

<p align="left">Odstavec zarovnaný vlevo (výchozí hodnota).</p>

<p align="center">Odstavec zarovnaný na střed.</p>

<p align="right">Odstavec zarovnaný vpravo.</p>

<p align="justify">Odstavec zarovnaný do bloku.</p>

<br>
Tag <br> se používá na přechod na další řádek, narozdíl od odstavce nemá před a pod sebou mezeru a je nepárový.

Blokové elementy:<br>
h1-h6<br>
p<br>
br<br>
div

Atribut clear zabraňuje plovoucím objektům přetékat, nejčastější plovoucí objekty jsou obrázky.

Hodnoty: left , right , all

Loď <img src="moje-moto.jpg" align="left" alt="Moje motorka">
<br clear="all">
Tento text se zobrazí až pod obrázkem.

Stejný efekt by mělo použítí clear="left", protože obrázek je zarovnaný vlevo, kdyby byl obrázek zarovnán vpravo použilo by se clear="right"

Bez použití clear.

Loď <img src="moje-moto.jpg" align="left" alt="Moje motorka"> <br>
Tento text se zobrazí vedle obrázku.

<div>
Div je neutrální tag a využívá se především ve spojení s css, div může v sobě obsahovat libovolný obsah například několik odstavců. U divu můžeme používat atribut align stejně jako se používá u odstavců p.

V příkladu div zarovná všechny odstavce na střed.

<p>První odstavec.</p>

<p>Druhý odstavec.</p>

<p>A třetí odstavec.</p>

</div>

<pre>
Nejlepší využití tagu pre je při psaní zdrojových kódů, text uzavřený mezi tagy pre, který se bude zobrazovat stejně jak je napsán ve zdroji. Zachovají se mezery a nové řádky.

<pre>
body {
    font-family : "Times New Roman", Times, serif;
    color : black;
    background-color : white;
}
</pre>

<address>
Address by se měl používat k výpisu adresy, nicméně se moc nepoužívá, address se zobrazuje kurzívou.

<address>
Petr Novák<br>
Horní Dolní<br>
Pardubice<br>
53355
</address>

<blockqote>
Blockquote se používá pro zvýraznění delší citace, blockquote je zleva i zprava odsazen mezerou.

<blockquote>
Blokové elementy jsou elementy za, kterými se zalamuje řádek, příkladem může být odstavec p, nebo nadpis h1.
</blockquote>

<h1-h6>
H1 až h6 jsou nadpisy, h1 je nadpis první úrovně a h6 je nadpis šesté úrovně.

Nadpisy by měly mít určitou strukturu, nadpis h1 by měl být první a teprve až po něm by měly následovat další nadpisy nižších úrovních.

U nadpisů se může používat atribut align stejně jako u odstavců.

<h1>Nadpis 1. úrovně.</h1>

<h2>Nadpis 2. úrovně.</h2>

<h3>Nadpis 3. úrovně.</h3>

<h4>Nadpis 4. úrovně.</h4>

<h5>Nadpis 5. úrovně.</h5>

<h6>Nadpis 6. úrovně.</h6>

<hr>
hr je vodorovná čára, pokud není nastaveno jinak zobrazuje se přes celou stránku.

Pomocí atributů můžeme nastavit: šířku, výšku, zarovnání a stín.

Width nastavuje šířku čáry, jako hodnota se uvádějí pixely.

Atributem size se nastavuje výška vodorovné čáry jako hodnota se uvádějí pixely.

Align je zarovnání stejné jako u odstavců.

Noshade se zapisuje bez hodnoty, při použití noshade se u čáry nezobrazí stín

Odkaz na ukázku formátování tagu <hr>

«Nahoru»

WEBOVÁ STRÁNKA VYTVOŘENÁ PRO ZÁPOČET PŘEDMĚTU TVORBA WWW STRÁNEK