Paragrafy

<

>

→ Paragraf vždy začína na novom riadku (block element = zaberá celú šírku stránky)

HTML Paragraf

<p> definuje paragraf

//index.html

<p>Toto je prvý paragraf</p>
<p>Toto je druhý paragraf</p>

HTML zobrazenie

→ Nikdy si nemôžete byť istí, ako sa stránka zobrazí

→ Dôležitým faktorom je veľkosť zariadenia, na ktorom sa obsah stránky zobrazuje

→ Prehliadač automaticky odstráni "white spaces" = miesta navyše

//index.html

<p> Tento text obsahuje
veľa riadkov v programe,
ale prehliadač
to ignoruje </p>


<p> Tento text obsahuje
veľa riadkov       v programe,
ale       prehliadač
to ignoruje </p>

//output

Tento text obsahuje veľa riadkov v programe, ale prehliadač to ignoruje

Tento text obsahuje veľa riadkov v programe, ale prehliadač to ignoruje

HTML Horizontálne pravidlá

→ <hr> definuje tématickú pauzu na HTML stránke

→ <hr> element sa používa na oddelenie obsahu na HTML stránke

//index.html

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

//output

This is heading 1

This is some text.

This is heading 2

This is some other text.

HTML Začiatok nového riadku

→ <br> definuje začiatok nového riadku

→ <br> sa používa na vytvorenie prázdneho riadku (<br> umiestnite mimo p alebo h1-6 tagu)

//index.html

<p> This is <br> a paragraph <br> with line breaks. </p>

//output

This is
a paragraph
with line breaks.

HTML Probém s citáciou

→ citácia na viac riadkov bude vypísaná do jedného (prehliadač ignoruje náš zápis)

//index.html

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

//output

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.

Riešenie problému s citáciou

→ <pre> definuje text, ktorý sa vypíše v tvare v akom ho zapíšeme do programu (kódu)

→ použiť za každým riadkom <br> nie je úsporné riešenie , a preto vám túto možnosť neodporúčam

//index.html

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

//output

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.

Zhrnutie

  • <p> definuje paragraf
  • <hr> oddeľuje obsah na stránke graficky (biela čiara)
  • <br> začína nový riadok alebo udáva prázdny riadok
  • <pre> definuje text, ktorý sa vypíše v tvare v akom ho zapíšeme do programu (kódu)