Πώς να φτιάξετε ένα ιστολόγιο σε HTML

Η δημιουργία ενός ιστολογίου σε HTML είναι ένας απλός τρόπος για να έχετε ένα ιστολόγιο που μπορείτε να ενημερώσετε σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου. Τα ιστολόγια έχουν πολλά κοινά στοιχεία που παράγονται εύκολα σε βασικό HTML. Κάθε ανάρτηση ιστολογίου πρέπει να εμφανίζεται πάνω από την τελευταία, να έχει τίτλο, ημερομηνία και περιεχόμενο. Χρησιμοποιώντας ετικέτες σχολίων HTML, ο κώδικας για τις αναρτήσεις ιστολογίου παραμένει στη σελίδα, αλλά δεν εμφανίζεται μέχρι να χρησιμοποιηθεί για μια πραγματική ανάρτηση. Ο κώδικας αντιγράφεται από την ενότητα ετικετών σχολίων και επικολλάται στη σελίδα πάνω από την τελευταία ανάρτηση ιστολογίου. Στη συνέχεια, ο κωδικός συμπληρώνεται με περιεχόμενο.

Βήμα 1

Ανοίξτε το πρόγραμμα επεξεργασίας κειμένου και δημιουργήστε ένα νέο αρχείο κάνοντας κλικ στο "Αρχείο" και στο "Νέο". Κάθε υπολογιστής συνοδεύεται από ένα πρόγραμμα επεξεργασίας κειμένου. Ένας υπολογιστής με Windows χρησιμοποιεί Σημειωματάριο. Αυτό βρίσκεται στην ενότητα "Εφαρμογές" στο μενού "Έναρξη". Οι υπολογιστές Mac διαθέτουν Επεξεργασία κειμένου. Για να ανοίξετε την Επεξεργασία κειμένου, ανοίξτε το Finder και κάντε κλικ στο "Εφαρμογές". Κάντε κύλιση προς τα κάτω στο εικονίδιο Επεξεργασία κειμένου και κάντε διπλό κλικ για να το ανοίξετε.

Το βίντεο της ημέρας

Βήμα 2

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

Το Blog μου

Βήμα 3

Χρησιμοποιήστε τη μεγαλύτερη ετικέτα επικεφαλίδας για να δώσετε τίτλο στη σελίδα. Οι ετικέτες επικεφαλίδων ξεκινούν με h και τελειώνουν σε αριθμό με το 1 να είναι ο μεγαλύτερος. Για παράδειγμα:

Το στοιχείο στυλ χρησιμοποιεί στοιχεία CSS για να κεντράρει τον τίτλο στη σελίδα. Οι κεφαλίδες αφήνουν επίσης ένα διπλό κενό μετά από αυτές.

Βήμα 4

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

Η πρώτη μου ανάρτηση

1 Ιουνίου 2010

Αυτή είναι μια ανάρτηση


Η ετικέτα EM έχει πλάγια γράμματα στο κείμενο. Η διακοπή ή η ετικέτα BR τοποθετεί μια αλλαγή γραμμής μετά την ημερομηνία. Η ετικέτα P ή η παράγραφος τοποθετεί μια διπλή αλλαγή γραμμής μετά από ένα μπλοκ κειμένου. Η ετικέτα HR βάζει μια γραμμή κατά μήκος της σελίδας μετά την παράγραφο.

Βήμα 5

Αντιγράψτε τον κώδικα για την ανάρτηση ιστολογίου και τοποθετήστε τον πριν από την πρώτη ανάρτηση. Τοποθετήστε τον κωδικό στην ετικέτα σχολίου. Η ετικέτα σχολίου είναι. Η σελίδα στο παράδειγμα θα μοιάζει τώρα με αυτό:

Το Blog μου

Η πρώτη μου ανάρτηση

1 Ιουνίου 2010

Αυτή είναι μια ανάρτηση


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

Βήμα 6

Αποθηκεύστε το αρχείο ως index.html κάνοντας κλικ στο "Αρχείο" και στο "Αποθήκευση".