abc HTML5 i CSS TUTORIAL

Hiperlinkovi u ćelijama tabele /HYPERLINKS IN TABLE CELLS/ STYLE="BACKGROUND-COLOR
Primjeri /EXAMPLES/


Primjer 1. Kreirati tabelu sa jednim redom i tri ćelije. Tekstovi su Link1, Link2 i Link3 respektivno. Deblijna linja tabele je 1, a boja ćelija je žuta. 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;">Link1</td>
   <td style="background-color: yellow;">Link2</td>
   <td style="background-color: yellow;">Link3</td>
  </tr>
</table>
</body></html>

Boja pozadine ćelije je crvena. Engleski naziv boje je RED.
Link1 Link2 Link3

Primjer 2. Kreierati linkove:
link1 na fajl font.htm
link2 na fajl leonardo.htm
link3 na fajl donatelo.htm
Vidi dokument sa dodavanjem linka u istom direktorijumu >>>.

Prvo ćemo zamjeniti tekstove link1 do link3.

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;">Font</td>
   <td style="background-color: yellow;">Leonardo</td>
   <td style="background-color: yellow;">Donatelo</td>
  </tr>
</table>
</body></html>

Boja pozadine ćelije je crvena. Engleski naziv boje je RED.
Font Leonardo Donatelo

Za dodavanje linka vidi dokument sa dodavanjem linka u istom direktorijumu >>>.

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;"><a href= "font.htm" >Font</a></td>
   <td style="background-color: yellow;"><a href= "leonardo.htm" >Leonardo</a></td>
   <td style="background-color: yellow;"><a href= "donatelo.htm" >Donatelo</a></td>
  </tr>
</table>
</body></html>

Boja pozadine ćelije je crvena. Engleski naziv boje je RED.
Font Leonardo Donatelo

Daljnji rad: Debljnu liinije u tabeli postai na nula.
Smanji veličinu tabele na 80% - width="nnn%"
Centriraj tabelu - align="center"
Razmak između ćelija podesi na željeni cellspacing="number"

Spisak .css fajlova /CSS FILES LIST/

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