Πως γράφουμε html κώδικα με χρήση απλών εφαρμογών

Το σημειωματάριο των Windows

Επιλέγοντας μια απλή εφαρμογή, όπως είναι το σημειωματάριο των Windows, ξεκινάμε με ένα κενό έγγραφο στο οποίο γράφουμε τον κώδικα μας, έστω τον ακόλουθο.

Στην συνέχεια πρέπει να αποθηκεύσουμε αυτό που γράψαμε. Ένα αρχείο html έχει πάντα κατάληξη .html ή .htm.

Στο μενού λοιπόν του κειμενογράφου επιλέγουμε Αρχείο > Αποθήκευση ως. Στο παράθυρο αποθήκευσης που θα ανοίξει και στο πλαίσιο Αποθήκευση ως επιλέγουμε όλα τα αρχεία. Στην συνέχεια στο πλαίσιο Όνομα αρχείου γράφουμε το όνομα του αρχείου με λατινικά  γράμματα, χωρίς κενά ή με χρήση του συμβόλου μείον, -, αντί του κενού και με κατάληξη .html ή htm. Τέλος το αποθηκεύουμε.

Το Notepad++

Η εφαρμογή αυτή είναι ένας κειμενογράφος ο οποίος διατίθεται δωρεάν και ο οποίος είναι εμπλουτισμένος με διάφορες λειτουργίες. Μια από αυτές είναι ο χρωματισμός του κώδικα, ανάλογα με την γλώσσα την οποία γράφουμε, ώστε να είναι ποιο ευανάγνωστος.

Η διαδικασία αποθήκευσης είναι ίδια με τον απλό κειμενογράφο των Windows, με την διαφορά ότι στο παράθυρο αποθήκευσης και στο πλαίσιο Αποθήκευση ως μας δίνεται η δυνατότητα να επιλέξουμε το σωστό format, δηλαδή Hyper Text Markup Language.

Προβολή της σελίδας

Είδαμε πως γράφουμε html κώδικα με χρήση των απλών εφαρμογών αλλά πρέπει να δούμε και το αποτέλεσμα του κώδικα που γράψαμε. Για να το κάνουμε αυτό, χρειαζόμαστε έναν φυλλομετρητή, browser.  Μπορούμε λοιπόν:

Μέσα από τον φυλλομετρητή να ανοίξουμε το έγγραφο .html που αποθηκεύσαμε ή

Να κάνουμε δεξί-κλικ στο αρχείο και από το μενού να επιλέξουμε Άνοιγμα με > επιλογή του φυλλομετρητή από την λίστα των φυλλομετρητών τους οποίους έχουμε.