Γράφοντας HTML | Σχετικά | Παραπομπές | Ετικέτες |Μαθήματα | Προηγούμενο | Επόμενο |

12. Λίστες Ορισμών

Σημείωση: Αν δεν έχετε τα αρχεία των προηγούμενων μαθημάτων, μπορείτε να τα κατεβάσετε τώρα

Στο μάθημα 7 είδαμε πως δημιουργούμε 2 διαφορετικά είδη λίστας: αριθμημένη <ol>...</ol> και μη αριθμημένη <ul>...</ul> λίστα. Στο μάθημα αυτό θα δούμε ένα ακόμη είδος, τη λίστα ορισμών (definition list). Σε αντίθεση με τις προηγούμενες λίστες, μια λίστα ορισμών ξεχωρίζει, όχι απο αριθμούς ή κουκίδες, αλλά απο την εμφάνιση της, Τα στοιχεία μιας τέτοια λίστας εμφανίζονται πιο μέσα απο το υπόλοιπο κείμενο.

Η σύνταξη της αντίστοιχης ετικέτας είναι:

<dl>
<dt>  Τίτλος 1
<dd>  Ορισμός 1
<dt>  Τίτλος 2
<dd>  Ορισμός 2
                :
                :
                :
<dt>  Τίτλος Ν
<dd>  Ορισμός Ν
</dl>   

Οι ετικέτες <dl> .... </dl>, περιέχουν εναλλακτικά ζεύγη για τίτλους <dt> και ορισμούς <dd>. Ο Web browser θα δημιουργήσει τη λίστα με κλαθε ορισμό πιο μέσα απο τον τίτλο.

Έτσι το παραπάνω παράδειγμα θα εμφανιστεί σε ενα browser:

Τίτλος 1 Ορισμός 1 Τίτλος 2 Ορισμός 2 : : Τίτλος Ν Ορισμός Ν

Μια λίστα ορισμών μπορεί να χρησιμοποιηθεί σαν γλωσσάρι, αλλά για το παράδειγμα μας θα τη χρησιμοποιήσουμε για να τη βιβλιογραφία του Volcano Web:

1. Ανοίξτε το αρχείο, index.html στον κειμενογράφο.
2. Μετά την μη αριθμημένη λίστα κάτω απο τον τίτλο References γράψτε τα ακόλουθα:

   <h3>Bibliography</h3>
   Check your library for these books:
   <dl>
   <dt>Cas, R.A.F. and Wright, J. V. (1987).
   <dd><I>Volcanic Successions: Modern and Ancient.</I>
   London: Allen &amp; Unwin.
   
   <dt>La Croix, A. (1904)
   <dd><I>La Montagna Pel&eacute;e et ses &Eacute;ruptions.</I>
   Paris: Masson
   
   <dt>Lipman, P.W. and Mullineaux (eds). (1981)
   <dd><I>The 1980 Eruptions of Mount St. Helens, Washington.</I>
   U.S. Geological Survey Professional Paper 1250.
   </dl>

3. Σώστε τις αλλαγές και ανοίξτε το αρχείο στον browser.

Ελέγξτε τις αλλαγές

Συγκρίνετε τις σελίδες σας με το δείγμα για το πως θα πρέπει να εμφανίζονται. Αν κάτι δε δουλεύει, ελέξτε ξανά τον κώδικα σας.

Περισσότερες Πληροφορίες

Μπορείτε να συμπεριλάβετε αριθμημένες/μη-αριθμημένες λίστες σε μια λίστα ορισμών. Για παράδειγμα, ας υποθέσουμε οτι κατασκευάζετε μια λίστα με τα κυριότερα ορυκτά, με μια περιγραφή των χαρακτηριστικών τους, και μια υπο-λίστα για το πως χρησιμοποιούνται . Θέλετε η λίστα αυτή να μοιάζει με τα παρακάτω:

Oxides

Combinations of metal ions with Oxygen, comprises the major ores extracted in mining operations

• Hematite (iron ore)
• Magnetite (iron ore, magnetic mineral)
• Corundum (gemstone, abrasive)

Sulfates

Metal ions combine with the Sulfate ion (SO4), atomic structure sometimes can allow bonding of water molecules

• Gypsum (plaster)
• Barite (drilling mud)

Η HTML που παράγει τα παραπάνω είναι:

<dl>
<dt><b>Oxides</b>
<dd>Combinations of metal ions with Oxygen, comprises the major ores
extracted in mining operations
    <ul>
    <li>Hematite (iron ore)
    <li>Magnetite (iron ore, magnetic mineral)
    <li>Corundum (gemstone, abrasive)
    </ul>
<dt><b>Sulfates</b>
<dd>Metal ions combines with the Sulfate ion (SO4), atomic structure
sometimes can allow bonding of water molecules
    <ul>
    <li>Gypsum (plaster)
    <li>Barite (drilling mud)
    </ul>
</dl>

Στη συνέχεια: 13. Σημειώσεις διεύθυνσης (footers) και σύνδεσμοι E-Mail

Γράφοντας HTML   | Σχετικά | Παραπομπές | Ετικέτες |Μαθήματα | Προηγούμενο | Επόμενο |