Scribd Logo
Upload

Welcome to Scribd!

  • 7 views

    Izrada Tabele

    Uploaded by

    Zoran Marković
    Izrada tabele u HTML

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Izrada Tabele

    Uploaded by

    Zoran Marković
    7 views4 pages
    Izrada tabele u HTML

    Original Title

    Izrada tabele

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Izrada tabele u HTML

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    7 views4 pages

    Izrada Tabele

    Uploaded by

    Zoran Marković
    Izrada tabele u HTML

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 4

    Izrada tabele

    Svaku tabelu definiu najmanje tri HTML oznake, od kojih svaka ima svoj poetni i zavrni
    deo. To su redom:

    <table>, oznaka koja oznaava poetak i kraj tabele,


    <tr> koja oznaava red tabele (engl. table row), i
    <td>, oznaka za eliju unutar reda tabele (engl. table data)

    Natpis tabele koji se pojavljuje iznad ili ispod tabele definie se sa <caption></caption>
    a lokacija se podeava atributom align koji moe imati vrednosti (left, right, top, bottom).

    Definisanje tabele <table> </table> Atributi koje koristimo

    za zadavanje veliine ivice tabele: border (broj)


    za zadavanje boje ivice tabele: bordercolor (boja)
    za zadavanje gde e se tabela nalaziti unutar prozora: align (left, right, center)
    za zadavanje irine i visine tabele: width, height (broj piksela ili procenta u odnosu
    na prozor)
    za podeavanje boje pozadine tabele: bgcolor (boja)
    za podeavanje prostora izmeu zida elije i sadraja: cellpadding (broj)
    za rastojanje izmeu elija: cellspacing (broj)

    Definisanje reda u tabeli <tr></tr> Atributi koje koristimo:

    bordercolor, bgcolor imaju znaenja ve pomenuta kod elementa TABLE, samo se


    njihove vrednosti sada odnose na red
    za vertikalno poravnanje teksta u redu: prema vrhu reda, sredini reda, dnu, teinoj
    liniji zajednikoj za sve elije u redu valign (top, middle, bottom, baseline)
    za horizontalno poravnanje teksta u redu: align (left, right, center, justify)

    Definisanje elije u tabeli <td></td> Atributi koje koristimo:

    align, valign imaju znaenja ve pomenuta kod elementa tr, samo se njihove
    vrednosti sada odnose na eliju
    broj kolona preko kojih se prostire elija colspan(broj)
    broj redova preko kojih se prostire elija rowspan(broj)
    prikaz sadraja elije bez prelamanja nowrap

    Zaglavlje tabele<th> </th> ista pravila kao za td samo to se sadraj prikazuje centrirano i
    boldovano

    VANO: U elije tabele se mogu ubacivati i slike i liste i druge tabele. Za sve atribute vai
    da im je domen definisan u odnosu na pripadajui element, a inae prioritet imaju
    hijerarhijski nii elementi.

    Primer 1.
    <!DOCTYPE html>

    <html>

    <head>

    <title>Naslov dokumenta</title>

    <meta charset=UTF-8>

    </head>

    <body>

    <table border=1>

    <tr>

    <td>Mesec</td>

    <td>Usteda</td>

    </tr>

    <tr>

    <td>Januar</td>

    <td>100 din</td>

    </tr>

    <tr>

    <td>Februar</td>

    <td>80 din</td>

    </tr>

    </table>

    </body>

    </html>
    Primer 2.
    <table border="1">
    <tr>
    <td>
    Ovde je sadraj prve elije u prvom redu
    </td>
    <td>
    Ovde je sadraj druge elije u prvom redu
    </td>
    </tr>
    <tr>
    <td>
    Ovde je sadraj prve elije u drugom redu
    </td>
    <td>
    Ovde je sadraj druge elije u drugom redu
    </td>
    </tr>
    </table>

    Primer 3.
    <table border="1" cellpadding="5" cellspacing="5" width="75%">
    <caption>Naslov tabele</caption>
    <tr>
    <th width=40%>
    Zaglavlje prve kolone
    </th>
    <th>
    Zaglavlje druge kolone
    </th>
    </tr>
    <tr>
    <td colspan="2">
    Ova elija se protee na dve kolone, a sadraj je centriran.
    </td>
    </tr>
    <tr>
    <td>
    Ovde je sadraj prve elije u drugom redu
    </td>
    <td>
    Ovde je sadraj druge elije u drugom redu
    </td>
    </tr>
    <tr>
    <td rowspan="2">
    Ovde je sadraj elije koja se protee na dva reda.Duina ove
    kolone je 40% duine tabele.
    </td>
    <td>
    Ovde je sadraj tree elije u treem redu
    </td>
    </tr>
    <tr>
    <td>
    Ovde je sadraj etvrte elije u etvrtom redu
    </td>
    </tr>
    </table>

    You might also like