7ο Μάθημα: Πίνακες

την
Οι πίνακες είναι μια δομή της HTML η οποία μας επιτρέπει να εμφανίσουμε κείμενα και γραφικά στοιχισμένα μέσα σε γραμμές και στήλες.
Ένας πίνακας ορίζεται με την ετικέτα <table>. Η δομή του δηλώνεται σε σειρές με την ετικέτα <tr>, όπου κάθε σειρά περιέχει κελιά οριζόμενα με την ετικέτα <td>.

Παράδειγμα:
Ο παρακάτω κώδικας ορίζει έναν πίνακα που έχει δύο γραμμές με τρία κελιά η κάθε μία:
Και θα εμφανιστεί ως εξής:
Η ιδιότητα border ορίζει το πάχος του περιγράμματος σε pixels. Επομένως, border="0" σημαίνει μη ορατό περίγραμμα.

Π.χ.
1. Αντιγράψτε τους παρακάτω κώδικα πατώντας εδώ:


<table
border="1">





<tr>



<td>γραμμή 1, στήλη 1</td>



<td>γραμμή 1, στήλη 2</td>



</tr>



<tr>



<td>γραμμή 2, στήλη 1</td>



<td>γραμμή 2, στήλη 2</td>



</tr>



</table>

2. Αντιγράψτε τους παρακάτω κώδικα:




<html>



<head>



<title>Δοκίμασε
το</title> 



</head>







<body>







<table
border="1">



<caption>Λίστα
Ονομάτων</caption>



<tr>



<th>Όνομα</th>



<th>Επώνυμο</th>



</tr>



<tr>



<td>Μιχάλης</td>



<td>Τζωρτζάκης</td>



</tr>



<tr>



<td>Μανούσος</td>



<td>Μανουσάκης</td>



</tr>



</table>



</body>







</head>



</html>

Το αποτέλεσμα θα είναι:

Στη συνέχεια τροποποιήστε τον κώδικα σας ώστε να δημιουργήστε έναν πίνακα που θα περιέχει την κατάσταση του τμήματος σας.

Σχόλια

Δημοσίευση σχολίου