Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Lectia 5 - HTML

    Încărcat de

    Maris Marian
    5 vizualizări1 pagină

    Titlu original

    Lectia 5_Html

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    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 PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    5 vizualizări1 pagină

    Lectia 5 - HTML

    Încărcat de

    Maris Marian

    Drepturi de autor:

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

    Colegiul Național Pedagogic ”Gh.Lazăr” Clasa a 12-a Prof.

    Gabriela Gligor
    Lecția 4
    I.b.10. Taguri pentru lucrul cu tabele
     <table>….</table>
    Efect: - crează un tabel
    Atributele tag-ului <table>:
     bgcolor = definește culoarea de fundal a tabelului
     width = specifică lungimea tabelului, în pixeli sau procente, din lungimea paginii(implicit este 100%)
     border = specifică grosimea liniei ce înconjoară fiecare celulă, în pixeli
     cellspacing = specifică spatiul dintre celule, în pixeli
     cellpadding = specifică distanța minimă dintre linia celulei si continutul acesteia, în pixeli
     align = controlează poziţionarea tabelului în pagină, cu următoarele atribute : left, right, sau center
     background = controlează culoarea/imaginea de fundal a tabelului
     bordercolor = culoarea liniei din jurul tabelului
     bordercolorlight = culoarea luminoasă folosită de două linii din cele patru care înconjoară tabelul
     bordercolordark = culoarea întunecată folosită de doua linii din cele patru care înconjoară tabelul
    Subtagurile tagului <table>:
     <tr> ... </tr>
    Efect: creaza liniile unui tabel
    Subtagurile tagului <tr>:
    a. <th>....</th>
    Efect: definește o celulă de tip antet în care textul apare în mod implicit îngroșat și aliniat
    pe orizontală la centru, iar pe verticală la centru
    b. <td>....</td>
    Efect: definește o celulă
    Atributele tagurilor <th> și <td>:
     colspan = specifică pe câte de coloane se intinde celula
     rowspan = specifică pe câte linii se intinde celula
     align = alinierea datelor din celulă pe orizontală (left, right sau center)
     valign = alinierea datelor din celulă pe verticală (top, middle sau bottom)
     background = controlează culoarea/imaginea de fundal a celulei
     bgcolor = definește culoarea de fundal a celulei (nu poate fi imagine)
     width = specifică lungimea celulei, în pixeli sau procente din lungimea paginii
     height = specifică înălțimea celulei, în pixeli sau procente din înălțimea paginii
     <caption> ... </caption>
    Efect: inserază un titlu pentru tabel
    Atributele tagului <caption>:
     align = alinierea titlului (top/bottom/left/right = sus/ jos/stânga/dreapta)
    Efect: este folosit pentru subtilul tabelului
    Exemplu:
    <body>
    .............
    <table border="1" cellpadding="2">
    <caption align="bottom">Tabel 1. Exemplu</caption>
    <tr>
    <th>titlu 1</th> titlu 1 titlu 2
    <th>titlu 2</th>
    </tr> linia 2- coloana 1 linia 2- coloana 2
    <tr>
    <td>linia 2- coloana 1</td> Tabel 1. Exemplu
    <td>linia 2- coloana 2</td>
    </tr>
    </table>
    ..................
    </body>

    Aplicație. Realizați un program Html care să implementeze tabelul de mai jos:

    L1 c1 L1 c2 L1 c3 L1 c4
    L2 c2
    L2 c1
    L3 c1 L3 c2 L3 c3
    L4 c1 L4 c3 L4 c4
    L4 c2
    L5 c1 L5 c2
    L6 c1

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