Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Lab 5-Tabele Morea Natasa GR I

    Încărcat de

    Natasa Morea
    13 vizualizări6 pagini

    Titlu original

    lab_5-tabele_Morea_Natasa_Gr_I

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    DOCX, 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 DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    13 vizualizări6 pagini

    Lab 5-Tabele Morea Natasa GR I

    Încărcat de

    Natasa Morea

    Drepturi de autor:

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

    Ministerul Educației, Culturii și Cercetării

    Universitatea Pedagogica de Stat „Ion Creangă” din Chișinău


    Facultatea Fizică,Matematica și Tehnologii Informaționale

    RAPORT
    la disciplina “Proiectarea Web”
    Lucreare de laborator N 5
    Tema: “Tabele HTML”

    Student: Morea Natașa


    Recalificare Informatică Gr: I
    verificat: dr. Bogdanova Violeta

    Chișinău, 2023

    Laborator 5
    Exemplu 1.

    <html>
    <body>
    <h2 style= "color:brown">Orar</h2>
    <table border="1" bgcolor="lightgray" radius="10px">
    <tr bgcolor="red">
    <th> Number</th>
    <th>Obiect</th>
    <th>Auditoriu</th>
    </tr>
    <tr>
    <td>1</td>
    <td>Matematica</td>
    <td>203</td>
    </tr>
    <tr>
    <td>2</td>
    <td>Informatica</td>
    <td>304</td>
    </tr>
    <tr>
    <td>3</td>
    <td>Fizica</td>
    <td>101</td>
    </tr>
    </body>
    </html>

    Exemplu 2

    <html>
    <body>
    <table border="3" width="200" height="50">
    <tr>
    <td colspan="5">
    </tr>
    <tr align="center">
    <td colspan="2">
    <td colspan="2" bgcolor="gray">
    &nbsp&nbsp&nbsp&nbsp&nbsp
    <td colspan="2">
    </tr>
    <tr>
    <td colspan="5">
    </tr>
    </table>
    </body>
    </html>

    Exemplu 3.

    <html>
    <body><table border="30" width="200">
    <tr>
    <td bgcolor="black"><br></td>
    <td bgcolor="white"><br></td>
    <td bgcolor="black"><br></td>
    <td bgcolor="white"><br></td>
    </tr>
    <tr>
    <td bgcolor="white"><br></td>
    <td bgcolor="black"><br></td>
    <td bgcolor="white"><br></td>
    <td bgcolor="black"><br></td>
    </tr>
    <tr>
    <td bgcolor="black"><br></td>
    <td bgcolor="white"><br></td>
    <td bgcolor="black"><br></td>
    <td bgcolor="white"><br></td>
    </tr>
    <tr>
    <td bgcolor="white"><br></td>
    <td bgcolor="black"><br></td>
    <td bgcolor="white"><br></td>
    <td bgcolor="black"><br></td>
    </tr>
    </body>
    </html>

    Exemplu 4
    <html>
    <body>
    <h2 style="color:blue">Cartea jucatorului</h2>
    <table border="3" border="40" width="300">

    <tr bgcolor="yellow" >


    <td colspan="3"> Cod</td>
    <td>1</td>
    </tr>

    <tr bgcolor="pink">
    <td colspan="3">Familia</td>
    <td>Seu Daniel</td>
    </tr>

    <tr bgcolor="blue">
    <td colspan="3" >Foto</td>
    <td><img src="https://i.pinimg.com/1200x/32/f2/6c/32f26c51138aa2de1c399a2f2590c0fa.jpg"
    width="150" height="100"></td>
    </tr>

    <tr bgcolor="green">
    <td >Data</td>
    <td >Greutatea </td>
    <td>ianltimea</td>
    <td>gen</td>
    </tr>

    <tr bgcolor="green">
    <td >2010</td>
    <td >55</td>
    <td>160</td>
    <td>M</td>
    </tr>
    <tr bgcolor="pink" >
    <td colspan="3"> Sportul</td>
    <td>Fotbal</td>
    </tr>
    </body>
    </html>

    Un tabel în HTML constă din celule de tabel în interiorul rândurilor și coloanelor.


    <table> .. </table>

    Celulele de tabel
    <td>…</td>
    Fiecare celulă de tabel este definită de o etichetă
    td înseamnă date de tabel.
    Tot ceea ce este cuprins între <td> și </td> este conținutul celulei tabelului.
    O celulă de tabel poate conține tot felul de elemente HTML: text, imagini, liste,
    link-uri, alte tabele etc.

    Rânduri de tabel
    <tr> ….</tr>
    Fiecare rând de tabel începe cu un <tr> și se termină cu o etichetă </tr>.
    tr înseamnă rând din tabel.
    Puteți avea câte rânduri doriți într-un tabel; asigurați-vă doar că numărul de celule
    este același în fiecare rând.
    Notă: Există momente când un rând poate avea mai puține sau mai multe celule
    decât altul.
    Anteturi de tabel
    <th>…</th>
    Uneori doriți ca celulele dvs. să fie celule de antet de tabel. În aceste cazuri,
    utilizați eticheta <th> în loc de eticheta <td>:
    th înseamnă antetul tabelului.
    În mod implicit, textul din elementele <th> este aldine și centrat, dar îl puteți
    schimba cu CSS.

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