Admin Administrator
Αριθμός μηνυμάτων : 219 Ηλικία : 32 Τοποθεσία : 3anthi Browser : Registration date : 11/11/2007
HUC Profile Active Member: (100/100)
| Θέμα: Λίστες & πίνακες Σαβ Ιαν 03, 2009 1:15 pm | |
| Λίστες & πίνακες Εδώ θα δούμε πως μπορούμε να φτιάξουμε λίστες (τόσο με αρίθμηση όσο και με κουκίδες) και πίνακες.
Για να φτιάξουμε μια απλή λίστα με κουκίδες θα πρέπει όλη η λίστα να μπεί μέσα σε tags της μορφής και κάθε στοιχείο της λίστας να μπεί σε tags της μορφής
- Κώδικας:
-
<ul> <li>στοιχείο 1</li> <li>στοιχείο 2</li> <li>στοιχείο 3</li> </ul> Το αποτέλεσμα θα είναι:
- στοιχείο 1
- στοιχείο 2
- στοιχείο 3
Για να φτιάξουμε μια απλή λίστα με αρίθμηση θα πρέπει όλη η λίστα να μπεί μέσα σε tags της μορφής και κάθε στοιχείο της λίστας να μπεί σε tags της μορφής
- Κώδικας:
-
<ol> <li>στοιχείο 1</li> <li>στοιχείο 2</li> <li>στοιχείο 3</li> </ol> Το αποτέλεσμα θα είναι:
- στοιχείο 1
- στοιχείο 2
- στοιχείο 3
Για να δημιουργήσουμε ένα πίνακα χρειαζόμαστε τρία βασικά tags:
- Κώδικας:
-
Το tag που δημιουργεί τον πίνακα: <table> </table> Το tag που δημιουργεί τις γραμμές του πίνακα: <tr> </tr> Το tag που δημιουργεί τα κελία του πίνακα: <td> </td>
Ένας πίνακας λοιπόν 2x3 φτιάχνεται έτσι: - Κώδικας:
-
<table> <tr> <td> Α </td><td> Β </td><td> C </td> </tr> <tr> <td> D </td><td> E </td><td> F </td> </tr> </table>
To αποτέλεσμα θα είναι:
Για να βάλουμε περίγραμμα στον πίνακα μας αρκεί μέσα στο tag table να προσθέσουμε το border="1":
- Κώδικας:
-
<table border="1"> Οπότε ο πίνακας θα γίνει:
| |
|