Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Documente Web Tabele - PPSX

    Încărcat de

    Emma
    25 vizualizări14 pagini

    Titlu original

    Documente Web Tabele.ppsx

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    PPSX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PPSX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    25 vizualizări14 pagini

    Documente Web Tabele - PPSX

    Încărcat de

    Emma

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca PPSX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 14

    Crearea tabelelor în HTML

    Utilizarea tag-urilor: <table>, <th>, <tr>, <td>


    Atributul border, width, bgcolor, align, font color, font face
    Crearea unui tabel în HTML
    Pentru a crea un tabel, trebuie să folosim tag-
    urile <TABLE> şi </TABLE>. Tot ce va fi scris între aceste
    tag-uri va forma un tabel.
    După tag-ul <TABLE> urmează tag-ul <TR> care vine de la
    "Table Row" (rândul tabelului) şi reprezintă introducerea
    unui rând în cadrul tabelului. Tot ce va fi scris între tag-
    urile <TR> şi </TR> va forma un rând al tabelului.
    După crearea unui rând, trebuie să adăugăm în cadrul
    acestuia, câteva celule, cu ajutorul tag-
    urilor <TD> şi </TD>.
    Atributul border stabilește lățimea marginii (granița)
    tabelului.
    Atribute folosite la crearea tabelelor
    Pentru a stabili dimensiunea unui tabel, unui rând sau a unei
    celule, folosim atributele WIDTH pentru lăţime şi /
    sau HEIGHT pentru înălţime.
    Pentru alinierea datelor din cadrul tabelului folosim
    atributul ALIGN cu una dintre valorile "left", "center" sau
    "right".
    Pentru a alinia datele tabelului pe verticală folosim
    atributul VALIGN însoţit de una dintre valorile "top", "middle"
    sau "bottom".
    Pentru a schimba culoarea unei celule, unui rând sau chiar a
    întregului tabel folosim atributul BGCOLOR împreună cu codul
    culorii alese.
    Exemplu tabel
    Codul HTML În pagina Web

    <table border="1">
    <tr> <td>Randul 1 Coloana 1</td>
    <td>Randul 1 Coloana 2</td>
    </tr>
    <tr> <td>Randul 2 Coloana 1</td>
    <td>Randul 2 Coloana 2</td>
    </tr>
    </table>
    Exemplu tabel
    Codul HTML În pagina Web

    <table border="1">
    <tr>
    <td>mere</td>
    <td>1,5 RON</td>
    </tr>
    <tr> 
    <td>banane</td>
    <td>5 RON</td>
    </tr>
    </table>
    HTML - Tabele asimetrice
    Pentru a forma tabele asimetrice vom folosi
    "rowspan" pentru a traversa mai mute linii si
    "colspan" pentru a traversa mai multe
    coloane.
    Deasemenea daca vrem ca prima linie sa
    serveasca de titluri pentru toate coloanele
    vom folosi tagul <th>. Acestea vor fi scrise cu
    litere ingrosate dupa cum vom vedea in
    exemplu urmator:
    Exemplu tabel
    Codul HTML Pagina Web

    <TABLE BORDER=10>

    <tr>
    <th colspan=2>Vegetables</th>
    <tr>
    <td>carrots</td> <td>garlic</td>
    </tr>
    <tr>
    <td>celery</td> <td>onions</td>

    </tr>
    </TABLE>
    Exemplu tabel

    Codul HTML În pagina Web


    <table bgcolor="#000000">
    <tr>
    <td bgcolor="#009900">
    <font color="#FFFF00“ align="right">Garlic</font>
    </td>
    <td><font color="#FFFFFF">27</font>
    </td>
    </tr>
    <tr>
    <td bgcolor="#0000FF">
    <font color="#DDDDDD"align="right">Celery</font>
    </td>
    <td><font color="#FFFFFF">20</font>
    </td>
    </tr>
    </table>
    Exemplu tabel
    Codul HTML În pagina Web
    <table border="1">
    <tr> <th>Coloana 1</th>
    <th>Coloana 2</th>
    <th>Coloana 3</th> </tr>
    <tr>
    <td rowspan="2">Randul 1Coloana1</td>
    <td>Randul 1 Coloana 2</td>
    <td>Randul 1 Coloana 3</td>
    </tr>
    <tr>
    <td>Randul 2 Coloana 2</td>
    <td>Randul 2 Coloana 3</td>
    </tr>
    <tr>
    <td colspan="3">Randul 3 Coloana 1</td>
    </tr>
    </table>
    Exemplu tabel
    Codul HTML În pagina Web
    Exemplu tabel
    Codul HTML În pagina Web
    Exemplu tabel
    • <html>
    • <head><title>TABELe</title></head>
    • <body>
    • <p>ORAR-ul grupa 31</p>
    • <table border="1">
    • <tr>
    • <th width=100>Luni</th>
    • <th width=100>Marti</th>
    • <th width=100>Miercuri</th>
    • <th width=100>Joi</th>
    • <th width=100>Vineri</th>
    • </tr>
    • <tr>
    • <td bgcolor="yellow" align=center><font color="red">Informatica</td>
    • <td align=center>Romana</td>
    • <td bgcolor="green" align=center>Matematica</td>
    • <td align=center><font color="red" size="2"><b><i>Fizica</i></b></td>
    • <td align=right><font face="Monotype Corsiva" size=3pt color=magenta>Geografie</td>
    • </tr> </table>
    • </body>
    • </html>
    În pagina Web
    Succesul pare a fi asociat cu
    acţiunea. Oamenii de succes sunt
    mereu în mişcare. Ei fac greşeli, dar
    nu renunță în nici un chip.
    Conrad Hilton

    S-ar putea să vă placă și