Από το επόμενο κεφάλαιο θα είστε έτοιμοι να γράψετε μια απλή σελίδα HTML. Παρακάτω θα μάθετε πώς να αποθηκεύετε τον HTML κώδικα, που παρουσιάζεται στα παραδείγματα, σε αρχείο στον σκληρό σας δίσκο και έπειτα να το ανοίγετε με τον web browser για να δείτε το αποτέλεσμα στην οθόνη σας.
Μια πολύ απλή σελίδα είναι η παρακάτω. Αν είναι η πρώτη σας φορά που ασχολείστε με HTML κώδικα μην προσπαθείτε να ερμηνεύσετε την κάθε γραμμή του.
Τώρα αν θέλετε να αποθηκεύσετε τον παραπάνω κώδικα στον σκληρό σας δίσκο ακολουθήστε τα παρακάτω βήματα:
ΒΗΜΑ 1: επιλέξτε με το ποντίκι σας όλο τον παραπάνω κώδικα που βρίσκετε μέσα στο παραπάνω πλαίσιο και πατήστε δεξί κλικ επάνω σε αυτό. Στο μενού που θα εμφανιστεί επιλέξτε Αντιγραφή (Copy, στα αγγλικά).
ΒΗΜΑ 2: ανοίξτε το Σημειωματάριο (Notepad) και από το μενού Επεξεργασία ( Edit) επιλέξτε Επικόλληση (Paste).
Αν έγιναν σωστά τα παραπάνω βήματα, τώρα πρέπει να βλέπετε στην οθόνη του Σημειωματάριου τον HTML κώδικα που επιλέξατε και αντιγράψατε.
ΒΗΜΑ 3: επιλέξτε από το μενού Αρχείο (File) την επιλογή Αποθήκευση ως (Save as). Θα εμφανιστεί το παράθυρο όπου θα πρέπει να δώσετε όνομα στο αρχείο (ας πούμε ότι θέλουμε να το αποθηκεύσουμε με όνομα αρχείου 'myfirstpage.html' στον φάκελο 'Τα έγγραφά μου').
Προσοχή: Στο πεδίο Αποθήκευση ως, να επιλέγετε από την λίστα το 'Ολα τα αρχεία' (All files) γιατί αλλιώς το αρχείο θα αποθηκευτεί σαν αρχείο κειμένου .txt και όχι σαν HTML κώδικας .html
ΒΗΜΑ 4: Αφού αποθηκεύσαμε το αρχείο μας, μπορούμε να το δούμε στον Web browser. Ανοίγουμε τον browser που χρησιμοποιούμε (Internet Explorer ή Mozilla Firefox ή Netscape κτλ.) και επιλέγουμε από το μενού Αρχείο (File) την επιλογή 'Ανοιγμα' (Open ή Open file) και έπειτα επιλέγουμε από τον φάκελο 'Τα έγγραφά μου' το αρχείο myfirstpage.html
Και ιδού το αποτέλεσμα του HTML κώδικα στον browser 'Mozilla Firefox' :
Μια πολύ απλή σελίδα είναι η παρακάτω. Αν είναι η πρώτη σας φορά που ασχολείστε με HTML κώδικα μην προσπαθείτε να ερμηνεύσετε την κάθε γραμμή του.
<html>
<head>
<title>My first web site</title>
</head>
<body>
This is <b>Great</b>!!! <b>YEAH!!!</b><br />
I can build my own <i>web site</i>. <b>YEAH!!!</b><br />
<i>Hey Ma look!!!</i> I can do it by <b>myself</b>
</body>
</html>
<head>
<title>My first web site</title>
</head>
<body>
This is <b>Great</b>!!! <b>YEAH!!!</b><br />
I can build my own <i>web site</i>. <b>YEAH!!!</b><br />
<i>Hey Ma look!!!</i> I can do it by <b>myself</b>
</body>
</html>
ΒΗΜΑ 1: επιλέξτε με το ποντίκι σας όλο τον παραπάνω κώδικα που βρίσκετε μέσα στο παραπάνω πλαίσιο και πατήστε δεξί κλικ επάνω σε αυτό. Στο μενού που θα εμφανιστεί επιλέξτε Αντιγραφή (Copy, στα αγγλικά).
ΒΗΜΑ 2: ανοίξτε το Σημειωματάριο (Notepad) και από το μενού Επεξεργασία ( Edit) επιλέξτε Επικόλληση (Paste).
Αν έγιναν σωστά τα παραπάνω βήματα, τώρα πρέπει να βλέπετε στην οθόνη του Σημειωματάριου τον HTML κώδικα που επιλέξατε και αντιγράψατε.
ΒΗΜΑ 3: επιλέξτε από το μενού Αρχείο (File) την επιλογή Αποθήκευση ως (Save as). Θα εμφανιστεί το παράθυρο όπου θα πρέπει να δώσετε όνομα στο αρχείο (ας πούμε ότι θέλουμε να το αποθηκεύσουμε με όνομα αρχείου 'myfirstpage.html' στον φάκελο 'Τα έγγραφά μου').
Προσοχή: Στο πεδίο Αποθήκευση ως, να επιλέγετε από την λίστα το 'Ολα τα αρχεία' (All files) γιατί αλλιώς το αρχείο θα αποθηκευτεί σαν αρχείο κειμένου .txt και όχι σαν HTML κώδικας .html
ΒΗΜΑ 4: Αφού αποθηκεύσαμε το αρχείο μας, μπορούμε να το δούμε στον Web browser. Ανοίγουμε τον browser που χρησιμοποιούμε (Internet Explorer ή Mozilla Firefox ή Netscape κτλ.) και επιλέγουμε από το μενού Αρχείο (File) την επιλογή 'Ανοιγμα' (Open ή Open file) και έπειτα επιλέγουμε από τον φάκελο 'Τα έγγραφά μου' το αρχείο myfirstpage.html
Και ιδού το αποτέλεσμα του HTML κώδικα στον browser 'Mozilla Firefox' :
