abc HTML5 i CSS TUTORIAL

Poravnanje teksta /TEXT ALIGN/ .css


Sllika 1. Izbor vrijednosti atributa - Eksterni CSS /EXTERNAL CSS/

Poravnanje /ALIGN/ Korištenje eksternog CSS-a se izvodi u oba dijela HTML fajla:

Sintaksa:

  • CSS fajl: hn { text-align: Vrsta_poravananja;}
  • HTML FAJL - HEAD dio: <link rel="stylesheet" type="text/css" href="Putanja/ImeCssFajla.css">
  • HTML FAJL - BODY dio: <hn>Sadržaj_za_izabrani_tag</hn>

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

text-align - Atribut poravnanja teksta

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


Slika 2. Poravnanje /text-align/

    Primjeri atributa poravnanja /TEXT ALIGN/ text-align:

  1.    Poravnanje teksta dokumenta /ALIGN BODY/ .css
  2.    Poravnanje zaglavlja teksta /ALIGN HEADINGS/ .css

Slijedeća animacija prikazuje kako se iz internog /INTERNAL/ krerira eksterni css /EXTERNAL CSS/.

Kreirati eksterni css /EXTERNAL CSS/ iz internog /INTERNAL/ css-a, postupak:

  1. CSS fajl.
  2. Kreirati css fajl na odgovarajući folder.(10_BODY_red.css).
  3. HTML fajl.
  4. HEAD dio.
  5. Dodati naredbu za povezivanje HTML i CSS fajla <link rel="stylesheet" type="text/css" href="Putanja/ImeCssFajla.css">.
  6. Označiti dio između <STYLE> </STYLE>.
  7. CTRL+X (Označiti za premještanje).
  8. CSS fajl.
  9. EDIT, PASTE - Premjestiti označeni dio u CSS fajl.
  10. Snimiti izmjene u CSS fajlu.
  11. HTML fajl
  12. Višak obrisati ( <STYLE> </STYLE>).
  13. Kraj.

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