Internet
Now Reading
1ο Μάθημα HTML-Εισαγωγή
0

1ο Μάθημα HTML-Εισαγωγή

by Ελένη Χαλικιά22 October, 2012

Περιγραφή Μαθήματος

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

Η HTML (HyperText Markup Language) είναι μια Γλώσσα Σήμανσης Υπερκειμένου, δηλαδή ένας τρόπος γραφής κειμένων η οποία είναι η βασικότερη γλώσσα για τη δημιουργία ιστοσελίδων την οποία μπορεί να χρησιμοποιήσει κάποιος μαζί με άλλες γλώσσες όπως είναι η CSS, η JavaScript και η Ajax για την καλύτερη μορφοποίηση και συμπεριφορά της ιστοσελίδας σας.Η HTML παρέχει μια μεγάλη πληθώρα από ετικέτες τα λεγόμενα tags που σαςβοηθούν να δημιουργήσετε τη δική σας ιστοσελίδα χρησιμοποιώντας την κάθεετικέτα για την ανάλογη χρήση της, δηλαδή για το τι ακριβώς θέλετε να προσθέσετεστην σελίδα σας HTML. Όλες οι ετικέτες ερμηνεύονται από κάποιον φυλλομετρητή(Broswer) όπως είναι το Chrome ή το Mozila και εμφανίζει το περιεχόμενο τηςιστοσελίδας σας και όχι τον κώδικα της HTML τον οποίο έχετε γράψει εσείς.

Εργαλεία για HTML

Windows
Για να δημιουργήσετε έναν HTML κώδικα σε λειτουργικό σύστημα Windows θα πρέπει να ανοίξετε το απλό σημειωματάριο το οποίο περιέχουν όλοι οι υπολογιστές ή να χρησιμοποιήσετε το δωρεάν notepad ++ και αφού γράψετε τον κώδικα σας να τον αποθηκεύσετε είτε ως onomasia.html ή ως onomasia.htm και απλά να τρέξετε το αρχείο σας.

Linux
Για να δημιουργήσετε έναν HTML κώδικα σε λειτουργικό σύστημα Linux όπως είναι το Ubuntu, openSUSE, Fedora ή κάποια άλλη διανομή Linux θα πρέπει να ανοίξετε το ανάλογο απλό σημειωματάριο το οποίο περιέχει η κάθε διανομή Linux ή να χρησιμοποιήσετε το Komodo-Edit, αφού γράψετε τον κώδικα σας να τον αποθηκεύσετε είτε ως onomasia.html ή ωςonomasia.htm και απλά να τρέξετε το αρχείο σας.

Mac
Για να δημιουργήσετε έναν HTML κώδικα σε λειτουργικό σύστημα Mac θα πρέπει να ανοίξετε το ανάλογο απλό σημειωματάριο ή χρησιμοποιήστε το δωρεάν Mac Notepad και αφού γράψετε τον κώδικα σας να τον αποθηκεύσετε είτε ως onomasia.html ή ως onomasia.htm και απλά να τρέξετε το αρχείο σας.

Βήματα Δημιουργίας Κώδικα

1.Ανοίξτε το σημειωματάριο σας
2.Γράψτε τον κώδικα html της επιλογή σας
3.Πηγαίνετε αποθήκευση ως.. και δώστε μια ονομασία στο αρχείο σας για αποθήκευση και την κατάληξη .htmlή .htm
4.Εκτελέστε το αρχείο σας με τον browser της επιλογή σας

Για να εκτελέσετε το αρχείο HTML σας θα πρέπει να έχετε εγκαταστήσει στον υπολογιστή σας κάποιον broswer όπως είναι το Chrome ή το Mozila σε περίπτωση που δεν υπάρχει προεγκατεστημένος στον υπολογιστή σας.

Tips

Κάθε σελίδα στο internet είναι φτιαγμένη με HTML. Μπορείτε να δειτε τον κώδικα της κάνοντας δεξί κλικ και επιλέγοντας Προβολή πηγής, κώδικα ή προέλευσης ανάλογα με τον browser που χρησιμοποιείτε.

Δείγμα Κώδικα HTML

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

<html>
  <head>
       <title>Δείγμα HTML Κώδικα</title>
   </head>
      <body>
             <p>Hello iMag!!!</p>
       </body>
</html>

Επίλογος
Στο επόμενο μάθημα μας για την HTML θα δείτε τις βασικότερες ετικέτες html, head, title, body και συγκεκριμένα τα εξής:

  • Σημασιολογία κάθε ετικέτας
  • Χρήση κάθε ετικέτας
  • Παράδειγμα κάθε ετικέτας

Κατέβασμα Μαθήματος
Κατεβάστε το πρώτο μας μάθημα HTML στον υπολογιστή σας εντελώς δωρεάν σε μορφή pdf.
Download

Συντάκτης
Ελένη Χαλικιά
Τεχνικός Τεχνολογίας Internet
Τεχνικός Εφαρμογών Πληροφορικής

Comments

comments