Παρασκευή 5 Οκτωβρίου 2018

Πίνακες στην HTML

Οι Πίνακες στην HTML  σχηματίζονται ως εξής:
Αρχικά μπαίνει η ετικέτα <table >

Η κάθε γραμμή του πίνακα αρχίζει με την ετικέτα  <tr> και τελειώνει με  </tr>

To κάθε κέλί του πίνακα αρχίζει με <td> και τελειώνει με </td> 

Αλλά αν πρόκειται ειδικά για τον τίτλο κάθε γραμμής, χρησιμοποιούμε <th>  και </th> για κάθε κελί, αντί του <td> και </td>

Όταν τελειώσει ο Πίνακας  κλείνει με </table>

Παρακάτω δίνεται ένα παράδειγμα πίνακα που περιέχει Ονοματεπώνυμα και Τηλέφωνα φίλων μας.

<table >
  <tr>
    <th>ΟΝΟΜΑΤΕΠΩΝΥΜΟ</th>
    <th>ΤΗΛΕΦΩΝΟ</th>
  </tr>
  <tr>
    <td>ΝΙΚΟΛΑΙΔΗΣ ΑΛΕΞΑΝΔΡΟΣ </td>
    <td>697778888</td>

  </tr>
<tr>
    <td>ΓΕΩΡΓΙΑΔΟΥ ΜΑΡΙΑ</td>
    <td>697778889</td>

  </tr>

</table>

Αφού το δοκιμάσετε, φτιάξτε εύκολα ένα μεγαλύτερο πίνακα στο Word, και αποθηκεύστε τον ως ιστοσελίδα.
Ανοίξτε το αρχείο με ένα φυλλομετρητή (browser) και ελέγξτε το αποτέλεσμα.
 Βρείτε τον κώδικα HTML του αρχείου (εργαλεία για προγραμματιστές) και  αντιγράψτε τον σε ένα αρχείο HTML.

Μπορείτε μετά να αλλάξετε (εσείς ή κάποιος που θα διαβάσει το πρόγραμμά σας) τα δεδομένα στον Πίνακα στο αρχείο HTML;
 
Αποφασίστε ποιον τρόπο θα χρησιμοποιήσετε όταν έχετε να παρουσιάσετε μεγάλους πίνακες στον ιστοτόπο σας .


Με τη βοήθεια του ιστοτόπου : https://www.w3schools.com/html/html_tables.asp εξερευνήστε και τις λοιπές δυνατότητες της HTML σε ό,τι αφορά στους Πίνακες.


Δεν υπάρχουν σχόλια:

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