6ο Μάθημα: Λίστες

Ορισμένες χρήσιμες και συχνά χρησιμοποιούμενες ετικέτες είναι οι παρακάτω, με τις οποίες μπορούμε να εισάγουμε στην ιστοσελίδα μας λίστες.

• <ul> Μη ταξινομημένη λίστα (unordered list)
• <ol> Ταξινομημένη λίστα (ordered list)

Και στις δυο περιπτώσεις η λίστα αποτελείται από στοιχεία λίστας (list elements) που δηλώνονται με την ετικέτα <li>. Η χρήση της ετικέτας <ul> παρουσιάζει τη λίστα με κουκίδες, ενώ η ετικέτα <ol> την παρουσιάζει με αρίθμηση.

Ο παρακάτω κώδικας ορίζει μια μη αριθμημένη λίστα:

Και θα εμφανιστεί ως εξής:

Π.χ.

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

 


Menu 1

<ul>

  <li>Καφές 2.50€</li>

  <li>Τσάι 2.00€</li>

  <li>Γάλα 2.00€</li>



</ul>

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