abc HTML5 i CSS TUTORIAL

Debljina linija tabele /TABLE BORDERS/


Slika 1. TAG-ovi za tabelu

Debljina linija tabele /TABLE BORDERS/   Sintaksa: <TABLE BORDER="piksel" >

Debljina linija tabele /TABLE BORDERS/ je parametar unutar TAG-a TABLE: (<TABLE BORDER="number_of_pixels">) gdje je number_of_pixels broj piksela.

Ako želimo tabelu bez okvira TAG je BORDER="0"

table border
Slika 2. Primjeri okvira /BORDER/

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>Okvir table</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. Deblijna linja tabele je jedan.

Kod Objašnjenje Ispis na ekran
<html>
<head><title>Okvir table2</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. BORDER SIZE je nula i linije tabele se nevide.
jedan 2

Primjer 3. 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. Deblijna linja tabele je nula.

Kod Objašnjenje Ispis na ekran
<html>
<head><title>Okvir table2</title></head>
<body>
<table border="0" width="100%">
  <tr>
    <td>jedan </td>
    <td>2 </td>
  </tr>
</table>
</body></html>		 Tabela sa jednim redom i dvije ćelije bez teksta. BORDER SIZE je nula i linije tabele se nevide.
jedan 2

Primjer 4. Kreirati tabelu sa jednim redom i dvije kolone (tj. dvije ćelije u jednom redu). Tekst u prvoj ćeliji je 345 a u drugoj broj 12. Deblijna linja tabele je 4.

Kod Objašnjenje Ispis na ekran
<html>
<head><title>Okvir table</title></head>
<body>
<table border="4" width="100%">
  <tr>
    <td>345 </td>
    <td>12 </td>
  </tr>
</table>
</body></html>		 Tabela sa jednim redom i dvije ćelije bez teksta. BORDER SIZE je četiri piksela.
345 12
 

Daljnji rad 1: Kreirati tabelu sa dva reda i dvije kolone. Tekst ćelija u prvom redu 41 i 52, a drugom redu 23 45. Deblijna linija je 6.

Daljnji rad 2: Kreirati tabelu sa dva reda i tri kolone. Tekst ćelija u prvom redu 1, 4 i 9, a drugom redu 11 222 4444. Deblijna linija je 3.

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