abc HTML5 i CSS TUTORIAL

Odnos paragrafa, nove linije, prethodno formatirani /PARAGRAPH, LINE BREAK, PRE/


Slika 1. Tip TAG-a


Slika 2. Tip TAG-a

Odnos paragrafa, nove linije, prethodno formatirani /PARAGRAPH, LINE BREAK, PRE/ Sintaksa: <p>, <br>, <pre>

Oznake:
p - paragraf /PARAGRAPH/
br - Nova linija /LINE BREAK/. Prelazak u novu liniju bez razmaka.
pre - prethodno formatiran /PREFORMATTED/

Tip TAG-a:
p - paragraf /PARAGRAPH/ - Ima početni i završni TAG (slika 1.)
br - Nova linija /LINE BREAK/. Ima samo početni TAG (slika 2.)
pre - prethodno formatiran /PREFORMATTED/ - Ima početni i završni TAG (slika 1.)


Slika 3. Odnos paragrafa, nove linije, prethodno formatirani /PARAGRAPH, LINE BREAK, PRE/

Slijedeća tabela sadrži primjere različitih načina prikazateksta (<p>, <br>, <pre>).

Primjeri  Odnos paragrafa, nove linije i PRE (sve je unutar tijela) <body>.

Primjer

Ekran

Komentar

jedan
dva
tri

jedan dva tri

Ispis jedan ispod drugog u HTML kodu a na ekranu jedan iza drugog.
<p>
jedan
dva
tri
</p>

jedan dva tri

sve je jedan paragraf, riječi se predstavljaju u nizu sa razmakom između riječi.

<p>jedan</p>
<p>dva</p>
<p>tri</p>
jedan

dva

tri

svaka riječ je jedan paragraf

jedan<br>
dva<br>
tri

jedan
dva
tri

Na kraju svekog reda je kod <br> (LINE BREAK) za novu liniju

<pre>
jedan
dva
tri
</pre>

jedan
dva
tri

zadržava izgled stranice tj. novi red

<pre>
jedan
        dva
               tri
</pre>

jedan
        dva
               tri

zadržava izgled stranice čak i kad je razmak ispred početka teksta.

Primjer 7: Ispis tri linije teksta kao paragraf i kao prelazak u novu liniju (<br>).

Kod (<p>)

Ekran

Kod (<br>)

Ekran

Kod (<p> i <br>)

Ekran

<!DOCTYPE html>
<html>
<head>
<title>vjezba3a</title>
</head>
<body>
<p>Danas je lijep dan</p>
<p>Danas je lijep dan</p>
<p>Danas je lijep dan</p>
</body>
</html>

Danas je lijep dan

Danas je lijep dan

Danas je lijep dan

<!DOCTYPE html>
<html>
<head>
<title>vjezba3b</title>
</head>
<body>
Danas je lijep dan<br>
Danas je lijep dan<br>
Danas je lijep dan<br>
</body>
</html>
Danas je lijep dan
Danas je lijep dan
Danas je lijep dan
<!DOCTYPE html>
<html>
<head>
<title>vjezba3b</title>
</head>
<body>
<p>Danas je lijep dan</p>
<p>Danas je lijep dan</p>
<p>Danas je lijep dan</p>
Danas je lijep dan<br>
Danas je lijep dan<br>
Danas je lijep dan<br>
</body>
</html>

Danas je lijep dan

Danas je lijep dan

Danas je lijep dan

Danas je lijep dan
Danas je lijep dan
Danas je lijep dan

Primjer 5: Ispis teksta tako da je unutar paragrafa novi red. Tekst je:
jedan dva tri 
sedam osam

Kod

Ekran

<!DOCTYPE html>
<html>
<head>
<title>vjezba2.htm</title>
</head>
<body>
jedan dva tri<br>sedam osam
</body>
</html>

jedan dva tri 
sedam osam

Napomena: <PRE> zadržava raspored kao kod normalne stranice sa prelascima u novi red bez <br>. Tag za zatvaranje je </PRE>. Vidi pre ...

Prozor na dnu stranice je namjenje za provjeru koda:
- kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom), editovanje je moguće u prozoru

Index