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. Primjer 3. Kreirati tabelu sa jednim redom i dvije kolone (tj. dvije ćelije u jednom redu). Svaki red počinje sa TAG-om (<TR>), a svaka kolona sa TAG-om (<TD>). 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. 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:
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
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>
Druga tabela
1
2
3
1
2
3
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
(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
