HTML odstavce
Odstavec vždy začíná na novém řádku a obvykle se jedná o blok textu.
HTML odstavce
Element HTML <p>
definuje odstavec.
Odstavec vždy začíná na novém řádku a prohlížeče automaticky přidají nějaké bílé místo (okraj) před a za odstavec.
Příklad
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
Zobrazení HTML
Nemůžete si být jisti, jak se HTML zobrazí.
Velké nebo malé obrazovky a okna se změněnou velikostí vytvoří různé výsledky.
Pomocí HTML nemůžete změnit zobrazení přidáním dalších mezer nebo řádků navíc do kódu HTML.
Když se stránka zobrazí, prohlížeč automaticky odstraní všechny mezery a řádky navíc:
Příklad
<p>
This paragraph
contains a lot of lines
in the source code,
but
the browser
ignores it.
</p>
<p>
This paragraph
contains
a lot of spaces
in the source
code,
but the browser
ignores
it.
</p>
Horizontální pravidla HTML
Značka <hr>
definuje tematickou přestávku na stránce HTML a nejčastěji se zobrazuje jako vodorovné pravidlo.
Prvek <hr>
se používá k oddělení obsahu (nebo definování změny) na stránce HTML:
Příklad
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>
Značka <hr>
je prázdná, což znamená, že nemá žádnou koncovou značku.
Konce řádků HTML
Element HTML <br>
definuje zalomení řádku.
Použijte <br>
, pokud chcete zalomit řádek (nový řádek) bez začátku nového odstavce:
Příklad
<p>This is<br>a paragraph<br>with line breaks.</p>
Značka <br>
je prázdná, což znamená, že nemá žádnou koncovou značku.
Problém básně
Tato báseň se zobrazí na jednom řádku:
Příklad
<p>
My Bonnie lies over
the ocean.
My Bonnie lies over the sea.
My Bonnie
lies over the ocean.
Oh, bring back my Bonnie to me.
</p>
Řešení – HTML prvek <pre>
Element HTML <pre>
definuje předformátovaný text.
Text uvnitř <pre>
prvku je zobrazen písmem s pevnou šířkou (obvykle Courier) a zachovává jak mezery, tak zalomení řádků:
Příklad
<pre>
My Bonnie lies over the ocean.
My Bonnie lies over the sea.
My Bonnie lies over the
ocean.
Oh, bring back my Bonnie to me.
</pre>
HTML cvičení
Odkaz na značku HTML
Odkaz na značku W3Schools obsahuje další informace o prvcích HTML a jejich atributech.
Tag | Description |
---|---|
<p> | Defines a paragraph |
<hr> | Defines a thematic change in the content |
<br> | Inserts a single line break |
<pre> | Defines pre-formatted text |
Úplný seznam všech dostupných značek HTML naleznete v naší Referenční příručce značek HTML .