Ετικέτα table
Η ετικέτα table δημιουργεί έναν πίνακα. Χρησιμοποιείται
σε συνδυασμό με τις ετικέτες tr,
td,
th.
Η ετικέτα tr δημιουργεί μια σειρά του πίνακα, ενώ οι ετικέτες
td και th δημιουργούν τα κελιά αυτού του
πίνακα. Η διαφορά μεταξύ td και th:
η πρώτη είναι ένα συνηθισμένο κελί, ενώ η δεύτερη είναι ένα
κελί-επικεφαλίδα.
Ιδιότητες
| Ιδιότητα | Περιγραφή |
|---|---|
cellspacing |
Ορίζει την απόσταση μεταξύ των κελιών.
Έχει καταργηθεί, αντί για αυτό θα πρέπει να χρησιμοποιείτε την CSS ιδιότητα border-spacing.
|
cellpadding |
Ορίζει την απόσταση μεταξύ του κειμένου και του περιγράμματος του κελιού.
Έχει καταργηθεί, αντί για αυτό θα πρέπει να χρησιμοποιείτε την CSS ιδιότητα padding.
|
border |
Ορίζει το περίγραμμα των κελιών και του πίνακα.
Έχει καταργηθεί, αντί για αυτό θα πρέπει να χρησιμοποιείτε την CSS ιδιότητα border.
|
Παράδειγμα
Ας δημιουργήσουμε έναν πίνακα με κελιά th
και td:
<table>
<tr>
<th>Όνομα</th>
<th>Επώνυμο</th>
<th>Μισθός</th>
</tr>
<tr>
<td>όνομα1</td>
<td>επώνυμο1</td>
<td>200$</td>
</tr>
<tr>
<td>όνομα2</td>
<td>επώνυμο2</td>
<td>1000$</td>
</tr>
</table>
table, td, th {
border: 1px solid black;
}
: