Ο καθένας από εμάς πηγαίνει στο διαδίκτυο σαν στο διάστημα - πρώτα θέλουμε να δούμε "πώς είναι;", Στη συνέχεια θέλουμε να ελέγξουμε ό, τι υπάρχει εκεί, και τότε υπάρχει η επιθυμία να αφήσουμε κάτι δικό μας εκεί - όχι απλά "γκράφιτι στους τοίχους", αλλά κάτι πιο σημαντικό. Μπορείτε να ξεκινήσετε δημιουργώντας μια απλή ιστοσελίδα - εδώ είναι ένας βήμα προς βήμα οδηγός.
Είναι απαραίτητο
Επεξεργαστής κειμένου
Οδηγίες
Βήμα 1
Όλα όσα βλέπει ένας επισκέπτης ιστότοπου σε μια ιστοσελίδα δημιουργείται εκ νέου από το πρόγραμμα περιήγησης από οδηγίες που αποστέλλονται από τον διακομιστή κατόπιν αιτήσεώς του. Αυτές οι οδηγίες είναι γραμμένες σε HTML (HyperText Markup Language) και οι επεκτάσεις htm και html επισημαίνονται για τα αρχεία στα οποία είναι αποθηκευμένα. Μπορείτε να δημιουργήσετε ένα τέτοιο αρχείο σε έναν κανονικό επεξεργαστή κειμένου - αυτό θα είναι το πρώτο βήμα για τη δημιουργία μιας ιστοσελίδας. Ανοίξτε το τυπικό Σημειωματάριο, για παράδειγμα, και δημιουργήστε ένα κενό αρχείο με όνομα index.html. Όταν πληκτρολογείτε μια διεύθυνση ιστότοπου χωρίς να καθορίσετε μια συγκεκριμένη σελίδα (για παράδειγμα, το πρώτο πράγμα που αναζητά ο διακομιστής είναι μια σελίδα με ακριβώς αυτό το όνομα - ευρετήριο.
Βήμα 2
Οι οδηγίες HTML ονομάζονται "ετικέτες" και κάθε μία από αυτές περικλείεται σε τέτοιες αγκύλες -. Ορισμένες από τις ετικέτες είναι ζευγαρωμένες, δηλαδή αποτελούνται από ετικέτες ανοίγματος και κλεισίματος και τοποθετούνται πληροφορίες μεταξύ τους. Για παράδειγμα, μια ετικέτα που επιτρέπει στο πρόγραμμα περιήγησης να γνωρίζει ότι ο κώδικας είναι σε HTML παρακάτω γράφεται ως εξής: Η ετικέτα κλεισίματος που λέει ότι ο κώδικας HTML έχει ολοκληρωθεί σε αυτό το σημείο γράφεται ως εξής: Όπως μπορείτε να δείτε, η ετικέτα κλεισίματος διαφέρει από την ετικέτα ανοίγματος με την παρουσία κάθετος μετά την παρένθεση ανοίγματος (</).
Βήμα 3
Όλος ο κωδικός που τοποθετείτε μεταξύ των ετικετών και των ετικετών πρέπει να χωριστεί σε δύο μέρη - την κεφαλίδα και το σώμα του εγγράφου. Οι ετικέτες ανοίγματος και κλεισίματος του μέρους του τίτλου γράφονται ως εξής: Αυτό είναι το τμήμα "υπηρεσίας" της σελίδας - πληροφορίες για τον τίτλο του παραθύρου, λέξεις-κλειδιά και περιγραφές για ρομπότ αναζήτησης, περιγραφές στυλ, σενάρια κ.λπ. Εισαγάγετε τον τίτλο του παραθύρου της σελίδας σε αυτόν: Αυτός είναι ο τίτλος! Το πλήρες κείμενο της σελίδας html σας σε αυτό το σημείο θα πρέπει να μοιάζει με αυτό:
Αυτός είναι ο τίτλος!
Βήμα 4
Μετά το τμήμα επικεφαλίδας, πρέπει να τοποθετήσετε ετικέτες μεταξύ των οποίων θα περιλαμβάνονται οι οδηγίες του σώματος του εγγράφου: Εισαγάγετε μεταξύ τους, για παράδειγμα, μια ετικέτα που εμφανίζει μια παράγραφο κειμένου στη σελίδα:
Υπάρχει μια ολόκληρη παράγραφος πληροφοριών εδώ!
Δεν αντιστοιχίζονται όλες οι ετικέτες HTML. Για μερικά από αυτά, όλα όσα χρειάζεστε τοποθετούνται μέσα στην ετικέτα ανοίγματος. Αυτές οι ετικέτες έχουν κάθετο πριν από την παρένθεση κλεισίματος. Για παράδειγμα, η ετικέτα στο τέλος της γραμμής και η "επιστροφή μεταφοράς"
:
Η πρώτη γραμμή της παραγράφου.
Δεύτερη γραμμή της παραγράφου.
Όλα αυτά αρκούν ώστε το πρόγραμμα περιήγησης να προβάλλει τη σελίδα σας κανονικά. Όλος ο συναρμολογημένος κώδικας HTML πρέπει να έχει την εξής μορφή:
Αυτός είναι ο τίτλος!
Η πρώτη γραμμή της παραγράφου.
Δεύτερη γραμμή της παραγράφου.
Αυτό ολοκληρώνει τη δημιουργία μιας απλής σελίδας - αφού αποθηκεύσετε το έγγραφο (index.html), μπορείτε να το ανοίξετε σε ένα πρόγραμμα περιήγησης και να δείτε τη σελίδα σας.
