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

Boja pozadine zaglavlja teksta /HEADINGS BACKGROUND COLOR/ <h1> ... <h6>


Slika 1. Boja pozadine /BACKGROUND COLOR/ STYLE="background-color

Boja pozadine /BACKGROUND COLOR/ Sintaksa:   <h1 | h2 | h3 | h4 | h5 | h6 style="background-color:naziv_boje | kod_boje;">

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

background-color - Atribut za boju pozadine
naziv_boje - engleski naziv boje - Popis kodova i naziva boja je u dodatku.
kod_boje - Vrijednosti boja su od 0 - 255 (>>) odnosno heksadimalno sa znakom # ispred broja (00 do FF)Heksadicimalni brojevi :
Red – crvena – 00 - 255 - #FF0000
Green – zelena – 00 - 255 - #00FF00
Blue – plava – 00 – 255 - #0000FF


Slika 2. Boja pozadine zaglavlja teksta /HEADINGS BACKGROUND COLOR/

Boja pozadine zaglavlja teksta /HEADINGS BACKGROUND COLOR/ <h1> ... <h6> / Sintaksa: style="background-color:#red;"

Naslov /HEADINGS/ je jedan od najznačajnih tagova unutra BODY u vašem HTML dokumentu. Namjena ovog taga je da se opiše sekcija vaše stranice. Otvarajući TAG za zaglavlje je <hnn> a zatvarajući TAG je  </hnn>.
gdje je nn u opsegu od 1 do 6 (1 je naviša a 6 najniža vrijednost).


Popis kodova i naziva boja je u dodatku. 

Parametri boje pozadine zaglavlja teksta /HEADINGS BACKGROUND COLOR/ <h1> ... <h6>

Sintaksa  Opis Primjer kod Primjer ispis
<h1>tekst</h1>

zaglavlje1 [H1]

 <h1 style="background-color:red;">znanje1 [H1]</h1>

znanje1 [H1]
<h2>tekst</h2>

zaglavlje2 [H2]

 <h2 style="background-color:blue;">znanje2 [H2]</h2>

znanje1 [H2]
<h3>tekst</h3>

zaglavlje3 [H3]

 <h3 style="background-color:yellow;">znanje3 [H3]</h3>

znanje3 [H3]
<h4>tekst</h4>

zaglavlje4 [H4]

 <h4 style="background-color:#FF0000;">znanje4 [H4]</h4>

znanje4 [H4]
<h5>tekst</h5>

zaglavlje5 [H5]

 <h5 style="background-color:#C0C0C0;">znanje5 [H5]</h5>
znanje5 [H5]
<h6>tekst</h6>

zaglavlje6 [H6]

 <h6 style="background-color:#FFFF00">znanje6 [H6]</h6>
znanje6 [H6]

Daljnji rad: 
1. Izvesti sljedeće primjere.

<h1>znanje1 [H1]</h1> (BOJA POZADINE ZAGLAVLJA SIVA)
<h2>znanje1 [H2]</h2> (BOJA POZADINE ZAGLAVLJA CRVENA)
<h3>znanje1 [H3]</h3> (BOJA POZADINE ZAGLAVLJA ZELENA)
<h4>znanje1 [H4]</h4> (BOJA POZADINE ZAGLAVLJA LJUBIČASTA)
<h5>znanje1 [H5]</h5> (BOJA POZADINE ZAGLAVLJA SIVA)
<h6>znanje1 [H6]</h6> (BOJA POZADINE ZAGLAVLJA BIJELA)

2. Provjeriti sljedeće ispise
<h3>Nikola Tesla [H3]</h3>
<h5>Ivo Andrić [H5]</h5>
3. Ispisati vlastiti tekst da se vidi promjena na tekstu.
<h2>Otkucaj svoje ime u ovom prosturu</h2>

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