1ο Μάθημα: Η πρώτη μου σελίδα

την


Γενικά:

Δομή προγράμματος:

 Ετικέτες:

Αρχικά ανοίξτε το Σημειωματάριο (Notepad) των Windows.
Πληκτρολογήστε όπως ακριβώς βλέπετε το παρακάτω κείμενο:

<html>
<head><title>Μία επικεφαλίδα</title></head>
<body>

<h1>Ένας τίτλος</h1>

<p>Μια παράγραφος</p>

</body>
</html>

Αποθηκεύστε το στην επιφάνεια εργασίας σας με όνομα index.htm και στον τύπο του αρχείου επιλέξτε «Όλα τα αρχεία».
Κατόπιν ανοίξτε το με έναν οποιοδήποτε φυλλομετρητή (π.χ. Chrome).

Εξήγηση:
  • Τo tag <html> δηλώνει πως αρχίζει κώδικας γραμμένος σε γλώσσα html. Από αυτό και ότι άλλο βρει ο φυλλομετρητής σας θα το εμφανίσει στην οθόνη σας σύμφωνα με τα πρότυπα αυτής της γλώσσας. Το tag </html> δηλώνει πως ο κώδικας html έχει τελειώσει. Γενικότερα κάθε open tag έχει και το close tag του στην html.
  • Τα tags <head> και </head> δηλώνουν πως ό,τι εμπεριέχεται σε αυτά αποτελεί τμήμα της επικεφαλίδας. Τα <title> και </title> δηλώνουν πως ό,τι εμπεριέχεται σε αυτά θα εμφανιστεί ως τίτλος στο πάνω μέρος του προγράμματος περιήγησης.
  • Τα tags <body> και </body> δηλώνουν πως ό,τι εμπεριέχεται σε αυτά αποτελεί τμήμα της σελίδας που θα εμφανιστεί.
  • Τα tags <h1>(heading) δηλώνουν επικεφαλίδες. Τα μεγέθη τους εκτείνονται από <h1> που είναι το μεγαλύτερο, μέχρι το <h6>.Τέλος το <p>(paragraph) δηλώνει μια καινούργια παράγραφο.
Εναλλακτικά:

Πατήστε εδώ για να μεταφερθείτε σε έναν On line editor και πληκτρολογήστε το κείμενο σας αφού επιλέξτε και διαγράψετε το ήδη υπάρχον κείμενο.

Εξάσκηση:

 Πληκτρολογείστε τους παρακάτω κώδικες:

1ος κώδικας:
2ος κώδικας:



Σχόλια

Δημοσίευση σχολίου