🟣Α-Εφαρμ.6Α

Εφαρμογή 6Α: Οργάνωση του περιεχομένου με λίστες

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

 

 

💪🏻Δραστηριότητα 👩🏻‍💻

Αντιγράψτε & επικολλήστε τον παρακάτω πηγαίο κώδικα στον επεξεργαστή (IDE)   → 

https://www.tpointtech.com/compiler/html-css-javascript

Έπειτα κάντε τις εξής αλλαγές:

  1. προσθέστε ένα στοιχείο <li> στην λίστα <ul> με τιμή Μαθητεία
  2. προσθέστε ένα στοιχείο <li> στην λίστα <ol> με τιμή Μεταλυκειακή Εκπαίδευση
<!DOCTYPE html>
<html>
   <head>
      <title>Λίστες</title>
      <meta charset="utf-8">
   </head>
   <body>
      <h1>Βαθμίδες Δημόσιας Εκπαίδευσης</h1>
      <p>
        <ul>
            <li>Νηπιαγωγείο</li>
            <li>Δημοτικό</li>
            <li>Γυμνάσιο</li>
            <li>Λύκειο</li>
        </ul>
      </p>

      <p>
        <ol>
            <li>Νηπιαγωγείο</li>
            <li>Δημοτικό</li>
            <li>Γυμνάσιο</li>
            <li>Λύκειο</li>
        </ol>
      </p>
   </body>
</html>

 

 

🏠Άσκηση

Αποστείλετε τον κώδικα που τροποιήσατε προηγουμένως στην ακόλουθη φόρμα ώστε να αξιολογηθεί από τον καθηγητή.

📝🔗 Φόρμα 📝🔗