ΚΕΦΑΛΑΙΟ 11: HTML-ΦΥΛΛΟ ΕΡΓΑ΢ΙΑ΢ 4 ΕΦΑΡΜΟΓΕ΢ ΠΛΗΡΟΦΟΡΙΚΗ΢ –Α’ Λυκείου

HTML
Α΢ΚΗ΢Η 1:

Βήμα 1:
Ανοίξτε ένα πρόγραμμα περιήγηςησ και αναζητήςτε ςτο Google, μια εικόνα τησ HTML τύπου
jpeg. Αποθηκεύςτε την εικόνα ςτο φάκελο του τμήματόσ ςασ με το όνομα html.

Βήμα 2:
Μεταβείτε ςτο φάκελο του τμήματόσ ςασ, βρείτε το αρχείο Πρώτη_σελίδα.html και ανοίξτε
το με το Σημειωματάριο (Δεξί κλίκ πάνω ςτο αρχείο Άνοιγμα με…Σημειωματάριο). Αφού
το ανοίξετε προςθέςτε κάτω από την τελευταία ετικέτα </H1>, τα παρακάτω:

</P><IMG SRC="html.jpg" HEIGHT="200" WIDTH="300"></P>

 Σημείωςη: Η εικόνα που θα χρηςιμοποιηθεί πρέπει να βρίςκεται ςτον ίδιο φάκελο με το

φάκελο που είναι αποθηκευμένο το αρχείο τησ ςελίδασ μασ.

Βήμα 3:
Αποθηκεύεςτε το αρχείο πατώντασ Αρχείο  Αποθήκευςη και ανοίξτε το με τον περιηγητή
(browser). Η ιςτοςελίδα ςασ θα πρέπει να μοιάζει με αυτή ςτην παρακάτω εικόνα.

1
 ΚΕΦΑΛΑΙΟ 11: HTML-ΦΥΛΛΟ ΕΡΓΑ΢ΙΑ΢ 4 ΕΦΑΡΜΟΓΕ΢ ΠΛΗΡΟΦΟΡΙΚΗ΢ –Α’ Λυκείου

 Τι παρατηρείτε ότι κάνει η ετικέτα <IMG>;

 Ποιεσ ιδιότητεσ χρηςιμοποιεί η ετικέτα <IMG> και ποια η ςημαςία τησ καθεμίασ;

Βήμα 4:
Μεταβείτε πάλι ςτο φάκελο του τμήματόσ ςασ, βρείτε το αρχείο Πρώτη_σελίδα.html και
ανοίξτε το πάλι με το Σημειωματάριο. Αφού το ανοίξετε προςθέςτε κάτω από την τελευταία
ετικέτα </P>, τα παρακάτω:
<P> Iςτοςελίδα για εκμάθηςη τησ HTML:<A HREF="https://www.w3schools.com/"> https://www.w3schools.com</A></P>

Βήμα 5:
Αποθηκεύεςτε το αρχείο πατώντασ Αρχείο  Αποθήκευςη και ανοίξτε το με τον περιηγητή
(browser). Η ιςτοςελίδα ςασ θα πρέπει να μοιάζει με αυτή ςτην παρακάτω εικόνα.

2
 ΚΕΦΑΛΑΙΟ 11: HTML-ΦΥΛΛΟ ΕΡΓΑ΢ΙΑ΢ 4 ΕΦΑΡΜΟΓΕ΢ ΠΛΗΡΟΦΟΡΙΚΗ΢ –Α’ Λυκείου

 Τι παρατηρείτε ότι κάνει η ετικέτα <Α >;

 Ποια ιδιότητα χρηςιμοποιεί η ετικέτα <A> και ποια η ςημαςία τησ;