Υποενότητα 2.1: Σχόλια και λίστες κειμένου
Site: | ΕΛ/ΛΑΚ Moodle |
Course: | Σχεδιασμός WEB και Παραγωγή Ψηφιακού Περιεχομένου |
Book: | Υποενότητα 2.1: Σχόλια και λίστες κειμένου |
Printed by: | Guest user |
Date: | Friday, 13 December 2024, 8:37 AM |
Description
- Σχόλια
- Μη αριθμημένη λίστα κειμένου
- Αριθμημένη λίστα κειμένου
- Εμφωλευμένες κειμένου
Σχόλια
Τα σχόλια (comments) χρησιμοποιούνται σε HTML όταν θέλουμε να θυμηθούμε κάτι ή θέλουμε να εξηγήσουμε στους άλλους τι κάναμε.
Τα σχόλια δεν εμφανίζονται στη σελίδα.
Η ετικέτα σχολίου αρχίζει με <!--
και τελειώνει -->
.
Λίστες κειμένου
Στο HTML υπάρχουν δύο τύποι λιστών κειμένου (lists) <ul>
και <ol
.
<ul>
σημαίνει μη αριθμημένη λίστα κειμένου (unordered list), η οποία είναι η κλασική λίστα με κουκκίδες.
<ol>
αντιπροσωπεύει την αριθμημένη λίστα κειμένου (ordered list) στην οποία τα στοιχεία της σημειώνονται με αριθμούς.
Κάθε στοιχείο και των δύο ξεκινά με την ετικέτα <li>
, η οποία σημαίνει στοιχείο λίστας (list item) και τελειώνει με </li>
.
Από προεπιλογή, η <ol>
θα αρχίσει να μετρά από το 1.
Ωστόσο, μπορούμε να αλλάξουμε το σημείο εκκίνησης, να αντιστρέψουμε την καταμέτρηση ή ακόμα και να χρησιμοποιήσουμε αλφαβητικούς χαρακτήρες.
Παραδείγματα
Μη αριθμημένη λίστα κειμένου - Unordered list
- The first item
- The second item...
- The third item!
Αριθμημένη λίστα κειμένου - Ordered list
- The 1st item
- The 2nd item...
- The 3rd item!
- The 4th item!
Αυτή η αριθμημένη λίστα κειμένου αρχίζει από το 2000
- the 1st year of the 21st century
- the 2nd year of the 21st century
- the 3rd year of the 21st century
- the 4th year of the 21st century
Αυτή η αριθμημένη λίστα κειμένου έχει αντιστραφεί (reversed)
- the last year of 21st century
- two years until the end of the 21st century
- three years until the end of the 21st century
- four years until the end of the 21st century
Εμφωλευμένες (nested) λίστες κειμένου
- Coffee
- Tea
- Black tea
- Green tea
- Milk
Μπορείτε να βρείτε περισσότερα παραδείγματα: w3schools
Άσκηση
- Ανοίξτε τον επεξεργαστή κώδικα, δημιουργήστε ένα νέο αρχείο και αποθηκεύστε το ως
exersice02.1.02.html
στον φάκελο "Exercises" - Επεξεργαστείτε το αρχείο. Στον browser θα πρέπει να εμφανίζεται η επόμενη εικόνα: