Dodavanje tabele /INSERT TABLE/     TABLE   (<TABLE>)

Tabela /TABLE/ se sastoji od kolona i redova. Na presjeku kolone i reda nalazi se ćelija /CELL/.

Slika 1. Tabela /TABLE/

Slika 2. Kolona /COLUMN/

Slika 3. Red /ROW/

Slika 4. Ćelija /CELL/

Kolona /COLUMN/ je vertikalna  grupa ćelija

Red /ROW/ je horizontalna  grupa ćelija

Dodavanje tabele se izvodi naredbom: (<TABLE BORDER="piksel" WIDTH="procent%" ><TR><TD>) gdje su:

  • <TABLE> Početak tabele.
  • BORDER="piksel" Debljina linija tabele u pikselima.
  • WIDTH="procent%" Širina u procentima u odnosu na prozor.
  • <TR> Početak reda.
  • <TD> Početak ćelije.

N a p o m e n a: - Mora se navesti TAG za svaku ćelija (). Sadržaj se može navesti samo u ćeliji tj. u TAG-u <TD>.
- TAG-ovi tabele su pisanu nazubljeni radi lakšeg razumijevanja.

Primjer 1 Kreirati tabelu sa jednim redom i dvije kolone (tj. dvije ćelije u jednom redu).
Kod Objašnjenje Ispis na ekran
<html>
<head><title>Dodavanje tabele </title></head>
<body>
<table border="1" width="100%">
  <tr>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body></html>
Tabela sa jednim redom i dvije ćelije bez teksta.
 

Primjer 2.Kreirati tabelu sa jednim redom i dvije kolone (tj. dvije ćelije u jednom redu). Tekst u prvoj ćeliji je jedan a u drugoj broj 2.
Kod Objašnjenje Ispis na ekran
<html>
<head><title>Dodavanje tabele2</title></head>
<body>
<table border="1" width="100%">
  <tr>
    <td>jedan </td>
    <td>2 </td>
  </tr>
</table>
</body></html>
Tabela sa jednim redom i dvije ćelije bez teksta.
jedan 2

Primjer 3. Kreirati tabelu sa jednim redom i dvije kolone (tj. dvije ćelije u jednom redu).
Kod Objašnjenje Ispis na ekran
<html>
<head><title>Dodavanje tabele3</title></head>
<body>
<table border="1" width="100%">
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
</table>
druga tabela
<table border="1" width="100%">
  <tr>
    <td>1</td>
  </tr>
  <tr>
    <td>2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</table>
</body></html>

 

Svaki red počinje sa TAG-om (<TR>), a svaka kolona sa TAG-om (<TD>).

1 2 3
Druga tabela
1
2
3

Primjer 4. Kreirati tabelu sa jednim redom i dvije kolone (tj. dvije ćelije u jednom redu). Tekst u prvoj ćeliji je jedan a u drugoj broj 2.
Kod Objašnjenje Ispis na ekran
<html>
<head><title>Dodavanje tabele4</title></head>
<body>
<table border="1">
  <tr>
    <td>red 1, ćelija 1</td>
    <td>red 1, ćelija 2</td>
  </tr>
  <tr>
    <td>red 2, ćelija 1</td>
    <td>red 2, ćelija 2</td>
  </tr>
</table>
</body></html>
Tabela sa jednim redom i dvije ćelije bez teksta. Nije navedena širina tabele zato je široka koliko je potrebno za ispis teksta u tabli.
red 1, ćelija 1 red 1, ćelija 2
red 2, ćelija 1 red 2, ćelija 2
 

Daljnji rad 1: Kreirati tabelu sa dva reda i dvije kolone. Tekst ćelija u prvom redu 1 i 2, a drugom redu 23 45.

Daljnji rad 2: Kreirati tabelu sa dva reda i tri kolone. Tekst ćelija u prvom redu 2, 4 i 6, a drugom redu 111 222 333.

(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


Znanje.org

<< nazad