Πώς να δημιουργήσετε μια στατική ιστοσελίδα

...

Διαδίκτυο: είναι το μέρος που πρέπει να είσαι.

Αν μια εφεύρεση έχει αλλάξει εντελώς τον κόσμο κατά τη διάρκεια της ζωής μας, αυτή είναι το Διαδίκτυο. Όλο και περισσότεροι άνθρωποι θέλουν μια παρουσία στον Ιστό πέρα ​​από αυτή που προσφέρουν τα κοινωνικά δίκτυα: θέλουν έναν χώρο Ιστού για να καλέσουν τον δικό τους. Οι μεγάλοι ιστότοποι γίνονται ολοένα και πιο περίπλοκοι και χρησιμοποιούν εκφοβιστική ορολογία για αρχάριους όπως Flash, CSS, perl και JavaScript, αλλά μην φοβάστε. Τέσσερα απλά γράμματα μπορούν να επιτρέψουν σε οποιονδήποτε να αποκτήσει παρουσία στο Web σε χρόνο μηδέν: HTML. Τα γράμματα αντιπροσωπεύουν τη γλώσσα σήμανσης υπερκειμένου, μια γλώσσα προγραμματισμού που χρησιμοποιεί μια σειρά από ετικέτες για να δημιουργήσει μια στατική ιστοσελίδα. Όσο περισσότερες ετικέτες γνωρίζετε, τόσο περισσότερα μπορείτε να κάνετε με μια στατική ιστοσελίδα.

Βήμα 1

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

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

Στη συνέχεια, αποθηκεύστε το αρχείο ως index.html (το προεπιλεγμένο όνομα της κύριας σελίδας) και ανοίξτε το στο πρόγραμμα περιήγησής σας. Δεν πρέπει να βλέπετε τίποτα επειδή δημιουργήσατε μια κενή ιστοσελίδα.

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

Βήμα 2

Σκεφτείτε την HTML ως δύο κύριους τύπους ετικετών (κομμάτια κώδικα μέσα σε αγκύλες). Ο ένας λέει στο πρόγραμμα περιήγησης να αρχίσει να κάνει κάτι και ένας άλλος του λέει να σταματήσει.

Κάντε αυτό το κείμενο με έντονη γραφή

Όλα μετά -- η ετικέτα ανοίγματος -- θα είναι έντονη μέχρι να φτάσει -- η ετικέτα κλεισίματος. Το "/" λέει στο πρόγραμμα περιήγησης να σταματήσει.

Βήμα 3

Προσθέστε κείμενο στην ιστοσελίδα σας. Πληκτρολογήστε "Αυτή είναι η ιστοσελίδα μου" στο σώμα της ιστοσελίδας, μεταξύ και. Αποθηκεύστε τη σελίδα και ρίξτε μια ματιά στο πρόγραμμα περιήγησης. Το αποτέλεσμα είναι ωραίο αλλά όχι πολύ συναρπαστικό. Δοκιμάστε μερικές άλλες ετικέτες για να το εμπλουτίσετε. Για παράδειγμα, κάνει το κείμενο με έντονη γραφή. κάνει το κείμενο πλάγιο. σας επιτρέπει να αλλάξετε το μέγεθος της γραμματοσειράς, από 1 (μικρότερο) σε 6 (μεγαλύτερο). κάνει το κείμενο κόκκινο (ή οποιοδήποτε άλλο χρώμα εισάγετε).

κεντράρει κείμενο (ή εικόνα) στη σελίδα.

Δοκιμάστε να χρησιμοποιήσετε πολλές από αυτές τις ετικέτες στο ίδιο μπλοκ κειμένου. Μπορείτε να κάνετε όποιον συνδυασμό θέλετε.

Μπορείτε επίσης να προσθέσετε κενό μεταξύ των στοιχείων στη σελίδα σας βάζοντας τα εξής μεταξύ τους:

για διάλειμμα παραγράφου.
για ένα διάλειμμα γραμμής?


για να δημιουργήσετε ένα διάλειμμα με μια γραμμή σε όλη την ιστοσελίδα.

Βήμα 4

Προσθέστε εικόνες στη σελίδα σας. Κάντε αυτό χρησιμοποιώντας την ετικέτα και αντικαταστήστε τη διεύθυνση Web σε αυτό το παράδειγμα με τη θέση της εικόνας που θέλετε να χρησιμοποιήσετε. Αυτή είναι μια από τις λίγες ετικέτες που δεν έχουν ετικέτα τέλους. Οι εικόνες μπορούν επίσης να κεντραριστούν, όπως και το κείμενο.

Βήμα 5

Δημιουργήστε έναν σύνδεσμο προς έναν άλλο ιστότοπο. Αυτό γίνεται με την ετικέτα Κάντε κλικ ΕΔΩ. Αυτός ο κώδικας κάνει τις λέξεις "Κάντε κλικ εδώ" τον σύνδεσμο προς έναν άλλο ιστότοπο. Αντί για κείμενο, μπορείτε να χρησιμοποιήσετε μια εικόνα ως σύνδεσμο χρησιμοποιώντας τον κώδικα .

Υπόδειξη

Χρησιμοποιώντας αυτούς τους κώδικες HTML μαζί, μπορείτε να δημιουργήσετε στατικές ιστοσελίδες όποιας πολυπλοκότητας θέλετε.

Σκεφτείτε τις ετικέτες HTML ως κουτιά μέσα σε κουτιά ή αυτές τις ρωσικές κούκλες. Αυτό ονομάζεται ένθεση, και διατηρεί τα πάντα τακτοποιημένα και ευανάγνωστα. Για παράδειγμα, κείμενο τοποθετημένο μεταξύ

και
θα είναι έντονη, πλάγια και κεντραρισμένη. ο
το κουτί είναι μέσα στο κουτί, το οποίο βρίσκεται στο εσωτερικό του κουτί.