Διάρκεια: 45 λεπτά
Στόχος: Να εξοικειωθούν οι μαθητές με τις βασικές έννοιες και τις πρώτες ετικέτες της HTML (HyperText Markup Language), ώστε να μπορέσουν να δημιουργήσουν μια απλή ιστοσελίδα.


1. Εισαγωγή στην HTML (10 λεπτά)


2. Βασικές Ετικέτες HTML (10 λεπτά)


3. Δημιουργία Απλής Ιστοσελίδας (15 λεπτά)

Οδηγίες:

  1. Ανοίξτε έναν επεξεργαστή κειμένου (όπως το Notepad ή το Visual Studio Code).
  2. Δημιουργήστε ένα νέο αρχείο και αποθηκεύστε το με κατάληξη .html.
  3. Αντιγράψτε και επικολλήστε τον παρακάτω κώδικα στο αρχείο σας:
html
Αντιγραφή κώδικα
<!DOCTYPE html>
<html lang="el">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Η Ιστοσελίδα μου</title>
</head>
<body>
  <h1>Καλωσήρθατε στην Ιστοσελίδα μου!</h1>
  <p>Αυτή είναι η πρώτη μου ιστοσελίδα χρησιμοποιώντας HTML!</p>
  <h2>Σύνδεσμος</h2>
  <p>Πηγαίνετε στην <a href="https://www.google.com">Google</a>.</p>
  <h2>Εικόνα</h2>
  <img src="https://via.placeholder.com/150" alt="Εικόνα παράδειγμα">
</body>
</html>
  1. Αποθηκεύστε το αρχείο και ανοίξτε το στον περιηγητή σας (browser). Πρέπει να δείτε μια ιστοσελίδα με τίτλο, κείμενο, σύνδεσμο και εικόνα.

4. Ασκήσεις για Προχωρημένα (5 λεπτά)