Giftakis.gr//🟣Σχεδιασμός και Ανάπτυξη Ιστοτόπων/🟣Α-Εφαρμ.3

🟣Α-Εφαρμ.3

Εφαρμογή 3: Περιεχόμενο με σημασία

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

Πηγαίος κώδικας 3: Ένα σημασιολογικά εμπλουτισμένο έγγραφο HTML

 

 

💪🏻Δραστηριότητα: 

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

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

<!DOCTYPE html>
<html>
   <head>
      <title>Περιεχόμενο με Σημασία</title>
      <meta charset="utf-8">
   </head>
   <body>
      <header>
        <h1 title="επικεφαλίδα 1ου επιπέδου">
            Παράγραφος 1η
            <abbr title="Πανελλήνιο Σχολικό Δίκτυο">ΠΣΔ</abbr>
        </h1> 
      </header>
      <article>
        <h2 title="επικεφαλίδα 2ου επιπέδου">
            Εκπαιδευτικές Κοινότητες και Ιστολόγια
        </h2>
        <p title="Πρώτη Παράγραφος">
            Βασικός στόχος της υπηρεσίας είναι: 
            <mark>Η δημιουργία κοινοτήτων μάθησης</mark> <br>
        </p>
      </article>  

      <article>
        <h2 title="επικεφαλίδα 2ου επιπέδου">
            Υπηρεσία Βίντεο
        </h2>
            <p title="Δεύτερη Παράγραφος">
                Αποσκοπεό στην
                <em>ψηφιοποίηση και τη διανομή</em> 
                μαγνητοσκοπημένου οπτικοακουστικού (βίντεο) υλικού
            </p>
        </h2>
      </article>

      <footer>
        <hr>
        <p>&copy; 2025 ΠΣΔ</p>
      </footer>
   </body>
</html>

 

 

🏠Άσκηση

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

📝🔗 Φόρμα 📝🔗