Informatica
Programare - Software - Web Design
|
Nou pe simpatie:
deeazuzu82 24 ani
 | Femeie
24 ani
Cluj
cauta Barbat
27 - 62 ani |
|
|
InformaticaInregistrareLoginPozeNu sunteti logat. Lista Forumurilor Pe Tematici
|
| #1 |
 AdminAdministrator
Postari: 315
|
|
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 folosind 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> |
|
|
| |
|
