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

Boja i kod boje /CODE COLOR/ STYLE="BACKGROUND-COLOR: i STYLE="COLOR:


Slika 1. Izbor vrijednosti atributa - Linijski CSS /INLINE CSS/

Boja pozadine /BACKGROUND COLOR/ Sintaksa:   <TAG style="background-color:naziv_boje | kod_boje;">

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
SPAN - Tekst u cijeloj SPAN sekciji

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. Kod boje /CODE COLOR/

Primjeri primjene boja

R.br.

Atrubut

Opis

Sintaksa

Link

Primjer

1.

 background-color

Boja pozadine

 style="background-color:vrijednost;"

Boja pozadine dokumenta /BACKGROUND COLOR/

2.

 background-color

Boja pozadine

 style="background-color:vrijednost;"

Boja pozadine /BACKGROUND COLOR/

3.

 color

Boja teksta

 style="color:vrijednost;"

Boja teksta /TEXT COLOR/

4.

 div style="

Grupa narebi

 div style="background-color:vrijednost; color:vrijednost;"

Parametari grupe naredbi /DIV/ DIV STYLE="

5.

 font-size

Veličina fonta

 style="font-size:vrijednost;"

Veličina fonta /FONT SIZE/

6.

          

Primjeri naredbi bez i sa linijskim atributom:

Aktivnost

Način pisanja

Ekran

Naredbi bez atributa:

 <p>Ispis teksta.</p>

Aktivnost

Naredbi sa atributom:

 <p style="color:red;">Ispis teksta.</p>

Ispis teksta.

Primjer 1. Boja pozadine       BACKGROUND COLOR   (primjer crvena)

<!DOCTYPE html>
<html>
<head>
<title>pozadina crvena</title>
</head>
<body style="background-color:red;">
<h2 style="background-color:yellow;">Ovo je zaglavlje /HEADINGS H2/</h2>
<p style="background-color:white;">Ovo je tekst u paragrafu.</p>
</body>
</html>

Ovo je zaglavlje /HEADINGS H2/

Ovo je tekst u paragrafu.
 

Primjer 2. Boja pozadine        BACKGROUND COLOR    (primjer žuta)

<!DOCTYPE html>
<html>
<head>
<title>pozadina sa kodovima </title>
</head>
<body style="background-color:#FF0000;">
<h2 style="background-color:#FFFF00;">Ovo je zaglavlje /HEADINGS H2/</h2>
<p style="background-color:#FFFFFF;">Ovo je tekst u paragrafu.</p>
</body>
</html>

Ovo je zaglavlje /HEADINGS H2/

Ovo je tekst u paragrafu.

Primjeri korištenja Boja pozadine /BACKGROUND COLOR/ STYLE="BACKGROUND-COLOR:

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