Taguri 3

Administrator Data inscrierii: 07/Dec/2013 Mesaje: 1103

Citat:

Fisa 3
TABELE
1. Colspan si rowspan impun un numar de coloane respectiv randuri pe care sa se intinda o celula.

<html>
<body>

<h4>Cell that spans two columns:</h4>
<table>
<tr>
<th>Name</th>
<th>Telephone</th>
</tr>
<tr>
<td>Bill Gates</td>
<td>555 77 854</td>
<td>555 77 855</td>
</tr>
</table>

<h4>Cell that spans two rows:</h4>
<table>
<tr>
<th>First Name:</th>
<td>Bill Gates</td>
</tr>
<tr>
<th>Telephone:</th>
<td>555 77 854</td>
</tr>
<tr>
<td>555 77 855</td>
</tr>
</table>

</body>
</html>

2. Un tabel intr-o celula

<html>
<body>

<table>
<tr>
<td>
<p>This is a paragraph</p>
<p>This is another paragraph</p>
</td>
<td>This cell contains a table:
<table>
<tr>
<td>A</td>
<td>B</td>
</tr>
<tr>
<td>C</td>
<td>D</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>This cell contains a list
<ul>
<li>apples</li>
<li>bananas</li>
<li>pineapples</li>
</ul>
</td>
<td>HELLO</td>
</tr>
</table>

</body>
</html>

3. Cellpadding creaza un spatiu intre bordura si continutul celulei

<html>
<body>

<h4>Without cellpadding:</h4>
<table>
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>

<h4>With cellpadding:</h4>
<table>
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>

</body>
</html>

4. Cellspacing creeza spatiu intre celule

<html>
<body>

<h4>Without cellspacing:</h4>
<table>
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>

<h4>With cellspacing:</h4>
<table>
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>

</body>
</html>

5. Adaugarea background-ului la un tabel

<html>
<body>

<h4>A background color:</h4>
<table>
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>

<h4>A background image:</h4>
<table>
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>

</body>
</html>
Incercati si pentru celule <td> <td>

6. Alinierea continutului tabelului întrebuințând atributul align

<html>
<body>

<table>
<tr>
<th>Money spent on....</th>
<th>January</th>
<th>February</th>
</tr>
<tr>
<td>Clothes</td>
<td>$241.10</td>
<td>$50.20</td>
</tr>
<tr>
<th>Sum</th>
<th>$1001.50</th>
<th>$744.65</th>
</tr>
</table>

</body>
</html>