Μάθημα : Α' Λυκείου | Εφαρμογές Πληροφορικής -

Κωδικός : EL49190

Α' Λυκείου | Εφαρμογές Πληροφορικής -

EL49190  -  ΝΙΚΟΣ ΛΥΜΠΕΡΤΑΣ

Ενότητες μαθήματος - 02. HTML - Η πρώτη μου σελίδα (<title> <h1>-<h6> <p>)

02. HTML - Η πρώτη μου σελίδα (<title> <h1>-<h6> <p>)

01. HTML - Ετικέτες (tags) και... 03. HTML - χαρακτηριστικά των...

Ανοίξτε ένα νέο αρχείο στο notepad++, δηλώστε ότι θα γράψετε στη γλώσσα html από το μενού:

Γλώσσες --> Η --> html.

 

Ξεκινήστε όπως περιγράψαμε στο μάθημα 01. Με τα <html>, <head> και <body> και τα αντίστοιχα end tags.

 

Μέσα στο <head> Προσθέτουμε έναν τίτλο 

<title> Ο Τιτλός σας εδώ </title> 

 

Μέσα στο <body> προσθέτουμε μια μεγάλη επικεφαλίδα 

<h1> Η Επικεφαλίδα σας εδώ </h1>

 

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

 

Προσθέστε λίγο κείμενο σε μία παράγραφο

<p> Αρχίζει εδώ μία ξεχωριστή παράγραφος την οποία δεν ξεχνάμε ποτέ να κλείσουμε με το end tag </p>

 

Αποθηκεύστε το αρχείο από το μενού 

Αρχείο --> Αποθήκευση Ως

* Επιλέξτε ένα όνομα για το αρχείο. Προτιμήστε μόνο μικρά αγγλικά (πχ mitsos)

* Σιγουρευτείτε ότι ο επιλεγμένος τύπος αρχείου (κάτω από το όνομα) είναι HyperText Markup Language - html.

* Επιλέξτε σε ποιο φάκελο επιθυμείτε να αποθηκεύσετε το αρχείο mitsos.html και πατήστε Save.

* Το αρχείο με διπλό κλικ θα πρέπει να ανοίγει σε κάποιον browser (πχ Chrome). Για να προσθέσουμε επιπλέον περιεχόμενο στην ιστοσελίδα μας θα πρέπει να το ανοίξουμε στο notepad++ από το μενού Αρχείο --> Ανοιγμα ή με δεξί κλικ στο εικονίδιο του αρχείου και επιλογή "Επεξεργασία στο Notepad++"