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

Poravnanje zaglavlja teksta /ALIGN HEADINGS/


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

Poravnanje zaglavlja teksta /ALIGN HEADINGS/. Sintaksa atributa: <h1 | h2 | h3 | h4 | h5 | h6 style="text-align:Vrsta_poravananja;">

Oznake:
h1 | h2 | h3 | h4 | h5 | h6 - zaglavlje teksta /HEADINGS/

Vrsta poravnanja:
LEFT - lijevo
CENTER - centrirano
RIGHT - desno
JUSTIFY - obe strane


Slika 2. Poravnanje /text-align/

Primjere poravnanja možete vidjeti >>

Primjer 1. Parametri poravnanja ALIGN i primjeri korištenja u <H> tagu.

Sintaksa 

Opis

Primjer kod

Primjer ispis
style="text-align:left;"

Lijevo poravnanje

 <H2 style="text-align:left;">Lijevo</H2>

Lijevo
style="text-align:center;"

Centrirano poravnanje

 <H2 style="text-align:center;">Centrirano</H2>

Centrirano
style="text-align:right;"

Desno poravnanje

 <H2 style="text-align:right;">Desno</H2>

Desno
style="text-align:justify;"

Lijevo i desno poravnanje
Tekst iskopirati više puta da bi dužina teksta bila više od jedne linije teksta.

<H3 style="text-align:justify;">I lijevo i desno (obe ivice poravnate). Da bi vidjeli poravnanje mora biti dovoljno teksta. Da bi vidjeli poravnanje mora biti dovoljno teksta. Da bi vidjeli poravnanje mora biti dovoljno teksta.Da bi vidjeli poravnanje mora biti dovoljno teksta.</H3>

I lijevo i desno (obe ivice poravnate). Da bi vidjeli poravnanje mora biti dovoljno teksta.

Primjer 2. Parametri poravnanja ALIGN i primjeri korištenja u <H> tagu.

R. br.

Sintaksa 

Primjer kod

Primjer ispisa

2.1.

Koristeći HEADINGS H1 ispisati desno poravnat tekst, a u H3 ispisati centrirani tekst

<H1 style="text-align:right;">Obrazovni sajt</H1>
<H3 style="text-align:center;">Znanje.org</H3>

Obrazovni sajt

Znanje.org

2.2.

H2 je centrirano poravnat, H3 lijevo i H4 desno .

 <H2 style="text-align:center;">Naslov</H2>
<H3 style="text-align:left;">Paragraf</H3>
<H4 style="text-align:right;">Podparagraf</H4>

Naslov

Paragraf

Podparagraf

2.3.

H3 desno , H1 je centrirano poravnat, H4 lijevo.

 <H3 style="text-align:right;">Naslov</H3>
<H1 style="text-align:center;">Paragraf</H1>
<H4 style="text-align:left;">Podparagraf</H4>

Naslov

Paragraf

Podparagraf

2.4.

Lijevo i desno poravnanje

 <H2 style="text-align:justify;">Ovo je tekst koji je poravnat i lijevo i desno. Ako to nije slučaj iskopiraj još jednom rečenicu.</H2>

Ovo je tekst koji je poravnat i lijevo i desno. Ako to nije slučaj iskopiraj još jednom rečenicu.

Daljnji rad:
1. Izvesti slijedeće naredbe i zamjenite tekst s izrekom:
<H1 align=left>Left Align - lijevo poravnanje<H1>
<H1 style="text-align:center;"Center Align - Centriran naslov<H1>
<H1 style="text-align:right;">Right Align - poravnanje desne strane<H1>
<H1 style="text-align:justify;">Justify Align- obe strane<H1>

2. Napisati html kod za poravnanje desno.

3. Napisati dovoljno teksta da se provjeri naredba justify (više od jednog reda).

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