abc HTML5 i CSS TUTORIAL - Linijski CSS /INLINE CSS/

Poravnanje dokumenta paragrafa i zaglavlja teksta /ALIGN DOCUMENT, PARAGRAPH, HEADINGS/


Slika 1. Poravnanje /ALIGN/ STYLE="TEXT-ALIGN

Poravnanje /ALIGN/. Sintaksa atributa: <TAG style="text-align:Vrsta_poravananja;">

Oznake:
TAG - p | h1 | h2 | h3 | h4 | h5 | h6 | BODY | DIV | SPAN - TAG može da primi jednu od navedenih vrijednosti
p paragraf /PARAGRAPH/
h1 | h2 | h3 | h4 | h5 | h6 - zaglavlje teksta /HEADINGS/
BODY - Tekst u cijelom dokumentu
DIV - Tekst u cijeloj DIV sekciji

Vrsta poravnanja:

LEFT - lijevo
CENTER - centrirano
RIGHT - desno
JUSTIFY - obe strane


Slika 2. Poravnanje /text-align/

Primjere poravnanja možete vidjeti >>

Primjer 1. Tekst u dokumentu je centriran.
Opis rješenja: Koristi se poravnanje u BODY TAG-u.

Kod

Ekran

<!DOCTYPE html>
<html> <head>
<title>Poravnanja</title>
</head>
<body style="text-align:center;" >
<h2>Izdvoji</h2>
<p>Slab je onaj koji je izgubio vjeru u sebe.</p>
<p>Sredina</p>
</body> </html>

Izdvoji

Slab je onaj koji je izgubio vjeru u sebe.

Sredina

Primjer 2. Tekst u dokumentu je centriran. Poslednji red je desno poravnat.
Opis rješenja: Koristi se poravnanje u BODY TAG-u. Za poslednji red će se koristiti desno /RIGHT/ poravnanje u paragrafu <p style="text-align:right;">.

Kod

Ekran

<!DOCTYPE html>
<html> <head>
<title>Poravnanja</title>
</head>
<body style="text-align:center;" >
<h2>Izdvoji</h2>
<p>Slab je onaj koji je izgubio vjeru u sebe.</p>
<p style="text-align:right;">Potpis</p>
</body> </html>

Izdvoji

Slab je onaj koji je izgubio vjeru u sebe.

Potpis

Primjer 3. Tekst u dokumentu je desno poravnat a naslov centriran.
Opis rješenja: Koristi se poravnanje desno /RIGHT/ u BODY TAG-u style="text-align:right;". Za naslov u tekstu se koristiti centrirano poravnanje u paragrafu <h3 style="text-align:center;">.

Kod

Ekran

<!DOCTYPE html>
<html> <head>
<title>Poravnanja</title>
</head>
<body style="text-align:right;" >
<h3 style="text-align:center;">Izdvoji</h2>
<p>Slab je onaj koji je izgubio vjeru u sebe.</p>
<p>Potpis</p>
</body> </html>

Izdvoji

Slab je onaj koji je izgubio vjeru u sebe.

Potpis

Daljnji rad:
1. Naslov je centriran poravnat a tekst je poravnat i lijevo i desno.

2. Naslov je desno poravnat a tekst je poravnat i lijevo i desno.

3. Naslov je centriran poravnat a podnaslov je desno poravnat a tekst je poravnat i lijevo i desno.

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