abc HTML5 i CSS TUTORIAL

Boja pozadine ćelije /CELL BACKGROUND/ STYLE="BACKGROUND-COLOR


Slika 1. TAG-ovi za tabelu

Boja pozadine ćelije /CELL BACKGROUND/   Sintaksa: <TH/TD/TR style="background-color:naziv_boje_ili_#kod_boje;">

Navedeni TAG-ovi su:
TH - ZAGLAVLJE
TD - ĆELIJA
TR - RED

Boja pozadine ćelije /CELL BACKGROUND/ tabele se postavlja u TAG-ovima TH/TD/TR atributom background-color i navođenjem:
- Koda boje (#kod_boje heksadecimalna vrijednost koda boje)
- Naziva boje (engleski termin za boju) .
Popis kodova i naziva boja je u dodatku.

Tri su nivo boja pozadina:

  • Stranice-dokumenta /PAGE, DOCUMENT/ body TAG.
  • Tabele /TABLE/ table TAG.
  • Ćelija /CELL/ td TAG.

Parametri boje pozadine ćelije se definišu u TAG-u TD. Na primjer: <td bgcolor="#0000FF"> za plavu boju.


Slika 2. Boja pozadine ćelije

Primjer 1. Kreirati tabelu sa jednim redom i dvije ćelije. Tekst u prvoj ćeliji je 111 a u drugoj ćeliji je 2 . Deblijna linja tabele je 1, a boja crvena (heksadecimalna vrijednost boje je #FF0000).

Kod Objašnjenje Ispis na ekran

<!DOCTYPE html>
<html>
<head><title>Boja pozadine</title></head>
<body>
<table border="1" width="100%">
  <tr>
    <td>111</td>
    <td bgcolor="#ff0000">2</td>
  </tr>
</table>
</body></html>

Boja pozadine ćelije je crvena. Heksadecimalna vrijednost boje je #FF0000
111 2

Primjer 2. Kreirati tabelu sa jednim redom i dvije ćelije. Tekst u prvoj ćeliji je 111 a u drugoj ćeliji je 2 . Deblijna linja tabele je 1. Boja ćelije sa vrijednošću 2 je crvena. Engleski naziv boje je RED.

Kod Objašnjenje Ispis na ekran

<!DOCTYPE html>
<html>
<head><title>Boja pozadine2</title></head>
<body>
<table border="1" width="100%">
  <tr>
    <td>111</td>
    <td bgcolor="red">2</td>
  </tr>
</table>
</body></html>

Boja pozadine druge ćelije je crvena. Engleski naziv boje je RED.
111 2

Primjer 3. Kreirati tabelu sa jednim redom i dvije ćelije. Tekst u prvoj ćeliji je 111 a u drugoj ćeliji je 2 . Deblijna linja tabele je 1, a boja lijeve ćelije žuta druga nema boju. Engleski naziv boje je YELLOW.

Kod Objašnjenje Ispis na ekran

<!DOCTYPE html>
<html>
<head><title>Boja pozadine3</title></head>
<body>
<table border="1" width="100%">
  <tr>
    <td style="background-color: yellow;">Prva</td>
    <td>Druga</td>
  </tr>
</table>
</body></html>

Boja pozadine ćelije je crvena. Engleski naziv boje je RED.
Prva Druga

Daljnji rad 1: Kreirati tabelu sa dva reda i dvije kolone. Tekst ćelija u prvom redu 41 i 52, a drugom redu 1 i 2. Deblijna linija je 3, a boja pozadine gornje desne i donje lijeve ćelije tabele su svjetlo plava.

(Pri pisanju se mogu koristiti standardne opcije EDIT/COPY, EDIT/PASTE).

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