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

Η δημιουργία ενός ιστότοπου δεν χρειάζεται να είναι δύσκολη. Σε αυτό το άρθρο, Θα περιηγηθούμε στις βασικές αρχές της δημιουργίας σελίδων html και στον τρόπο δημιουργίας μιας λίστας mini-Includes. Επόμενο, θα συζητήσουμε πώς να χρησιμοποιήσουμε το html>-ετικέτα για να επισημάνετε το κείμενο. τελικά, θα σας δείξουμε πώς να δημιουργήσετε έναν ιστότοπο σε λίγες μόνο ώρες. Θα καλύψουμε επίσης μερικές άλλες χρήσιμες τεχνικές.

Δημιουργία σελίδας html

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

Μπορείτε επίσης να χρησιμοποιήσετε έναν επεξεργαστή κειμένου όπως το MS Word για να δημιουργήσετε το περιεχόμενο για την ιστοσελίδα σας. Μπορείτε να χρησιμοποιήσετε υπερσυνδέσμους για να συνδέσετε κείμενο μεταξύ τους. Μπορείτε επίσης να αποθηκεύσετε το αρχείο ως αρχείο html, μια ιστοσελίδα. Αυτή η μέθοδος λειτουργεί καλά, αλλά οι σελίδες που δημιουργείτε με αυτόν τον τρόπο είναι τεράστιες και δεν φαίνονται καλές σε ένα παράθυρο του προγράμματος περιήγησης. Το μόνο μειονέκτημα αυτής της μεθόδου είναι ότι πρέπει να μάθετε να χρησιμοποιείτε τα διαθέσιμα εργαλεία.

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

Δημιουργία λίστας mini-Includes

Η δημιουργία μιας ενότητας mini-Includes είναι ένας αποτελεσματικός τρόπος σύνδεσης διαφόρων στοιχείων στην ίδια ιστοσελίδα. Μια σελίδα HTML μπορεί να χωριστεί σε πολλές υποενότητες, με κάθε ενότητα να περιέχει μια λίστα στοιχείων. Αυτά τα στοιχεία εξυπηρετούν διαφορετικούς σκοπούς. Μπορείτε να χρησιμοποιήσετε το χαρακτηριστικό type για να εμφανίσετε αλφαβητική σειρά. Μπορείτε επίσης να χρησιμοποιήσετε πεζά γράμματα για να δημιουργήσετε μια λίστα στοιχείων με τα γράμματα a, σι, ή γ.

Η προσθήκη ενός στοιχείου είναι εύκολη. Ένα απλό έγγραφο HTML περιέχει ετικέτες που ορίζουν το περιεχόμενό του. Αυτές οι ετικέτες συνήθως έρχονται σε ζεύγη. Η ετικέτα ανοίγματος χρησιμοποιείται για τη λίστα των στοιχείων μέσα σε αυτήν, ενώ η ετικέτα κλεισίματος κλείνει το στοιχείο. Η ετικέτα ανοίγματος, ή κεφάλι, περιλαμβάνει περιγραφικές πληροφορίες για το έγγραφο. Αυτές οι πληροφορίες μπορεί να περιλαμβάνουν τίτλο, πληροφορίες φύλλου στυλ, σενάρια, ή μετα-πληροφορίες. Η ετικέτα κλεισίματος, αφ 'ετέρου, κλείνει το στοιχείο.

Χρησιμοποιώντας το html>-ετικέτα

Το html>-Η ετικέτα χρησιμοποιείται για τον καθορισμό της κύριας περιοχής περιεχομένου ενός εγγράφου HTML. Η κύρια περιοχή περιεχομένου αποτελείται από κείμενο που σχετίζεται με το κεντρικό θέμα ή τη λειτουργικότητα της σελίδας. Πρέπει να είναι μοναδικό από άλλο περιεχόμενο στον ιστότοπο. Άλλο περιεχόμενο ενδέχεται να εμφανίζεται στη σελίδα με τη μορφή πλευρικών γραμμών, συνδέσμους πλοήγησης, πληροφορίες πνευματικών δικαιωμάτων, λογότυπα ιστότοπου, και φόρμες αναζήτησης. Μια σελίδα HTML πρέπει να ακολουθεί το html>-ετικέτα να θεωρείται σελίδα HTML.

Το χαρακτηριστικό href= ανοίγει το στοιχείο σύνδεσης. Μετά το “=” σημάδι, θα πρέπει να επικολλήσετε τη διεύθυνση URL του συνδέσμου. Μπορείτε επίσης να χρησιμοποιήσετε πολλές γραμμές παραγράφου σε μία επικεφαλίδα. Το στήριγμα κλεισίματος είναι απαραίτητο. Αυτό θα αποτρέψει την παρερμηνεία των συνδέσμων σας. Για να κάνετε τη σελίδα html πιο ευανάγνωστη, προσθέστε έναν σύνδεσμο στον ιστότοπό σας. Το html>-Η ετικέτα θα σας επιτρέψει να προσθέσετε συνδέσμους που οδηγούν σε άλλη ιστοσελίδα.

Ένα αρχείο HTML θα έχει επέκταση a.html που θα λέει στον υπολογιστή σας ότι είναι αρχείο HTML. Είναι καλύτερο να χρησιμοποιείτε παύλα αντί για κενά, καθώς τα κενά θα εμποδίσουν ένα πρόγραμμα περιήγησης ιστού να βρει το αρχείο. Μόλις ολοκληρώσετε τη δημιουργία μιας σελίδας HTML, θα πρέπει να το σώσεις. Επόμενο, μεταβείτε στο φάκελο με το αρχείο HTML και κάντε δεξί κλικ σε αυτόν. Θα πρέπει να φαίνεται παρόμοιο με το στιγμιότυπο οθόνης παρακάτω.

Χρησιμοποιώντας το html>-ετικέτα για να επισημάνετε το κείμενο

Μπορείτε να χρησιμοποιήσετε το σήμα> ετικέτα για να επισημάνετε κείμενο σε έγγραφα HTML. Είναι ένα σχετικά νέο HTML 5 χαρακτηριστικό, και ορίζει ένα επισημασμένο τμήμα μιας παραγράφου. Το σήμα> η ετικέτα λειτουργεί αλλάζοντας την ιδιότητα χρώματος φόντου του υποκείμενου εγγράφου HTML. Το σήμα> Η ετικέτα υποστηρίζει και τα καθολικά και τα χαρακτηριστικά συμβάντων. Θα τονίσει το κείμενο σε κίτρινο ή μαύρο. Είναι επίσης δυνατό να αλλάξετε το χρώμα του κειμένου στο υποκείμενο αρχείο CSS.

Τα περισσότερα προγράμματα ανάγνωσης οθόνης δεν ανακοινώνουν το στοιχείο σήμανσης, αλλά μπορείτε να χρησιμοποιήσετε την ιδιότητα περιεχομένου CSS ή ψευδοστοιχεία ή.before and.after για να καταστεί σαφές ποιο κείμενο θέλετε να επισημάνετε. Οι ανακοινώσεις είναι περιεκτικές και προσθέτουν περιττές πληροφορίες στη σελίδα, οπότε θα πρέπει να τα χρησιμοποιείτε με φειδώ. Για παράδειγμα, μπορείτε να χρησιμοποιήσετε ανακοινώσεις για να επισημάνετε έναν όρο αναζήτησης ή να αποκλείσετε εισαγωγικά. Οι ανακοινώσεις υποστηρίζονται από όλα τα μεγάλα προγράμματα περιήγησης.

Εκτός από το στυλ χρώματος φόντου, μπορείτε να χρησιμοποιήσετε το «highlightme’ τάξη για να επισημάνετε το κείμενο στο έγγραφό σας HTML. Το στυλ χρώματος φόντου υποστηρίζεται από όλα τα προγράμματα περιήγησης. Μπορείτε επίσης να χρησιμοποιήσετε τη λέξη «κίτρινο».’ αντί για τον κωδικό χρώματος. Μπορείτε να χρησιμοποιήσετε τον ίδιο κώδικα για να επισημάνετε μια παράγραφο ή τμήμα κειμένου. Μπορείτε επίσης να χρησιμοποιήσετε κλάσεις CSS για να επισημάνετε κείμενο.

Χρησιμοποιώντας το html>-ετικέτα για να δημιουργήσετε μια μίνι-περιλαμβάνει λίστα

Το html>-Η ετικέτα χρησιμοποιείται για τη δημιουργία μιας λίστας mini-includes. Περιέχει την αντίστοιχη ετικέτα κλεισίματος και το όνομα του στοιχείου είναι πεζό. Τα έγγραφα HTML κωδικοποιούνται χρησιμοποιώντας κωδικοποίηση χαρακτήρων UTF-8, που υποστηρίζει τη συμπερίληψη χαρακτήρων Unicode. Όταν χρησιμοποιείτε το html>-ετικέτα, φροντίστε να επιλέξετε UTF-8 στο “σώζω-ως” πλαίσιο διαλόγου.

Χρησιμοποιώντας το html>-Η προσθήκη ετικέτας για την προσθήκη μιας λίστας mini-Includes σε μια σελίδα HTML είναι εύκολη. Μπορείτε να χρησιμοποιήσετε αυτήν την ετικέτα για οποιοδήποτε στοιχείο που υποστηρίζει μια μη ταξινομημένη λίστα. Μπορείτε ακόμη και να χρησιμοποιήσετε μια μη ταξινομημένη λίστα για ένα μενού πλοήγησης. Το στοιχείο dl εσωκλείει μια λίστα με ζεύγη όρων και περιγραφών. Τα στοιχεία σε μια ταξινομημένη λίστα εμφανίζονται με έναν κλιμακούμενο μετρητή στα αριστερά. Μπορείτε επίσης να παραλείψετε το στοιχείο dl εάν το στοιχείο της λίστας ακολουθείται αμέσως από ένα άλλο στοιχείο.

Ένας άλλος τρόπος για να εισαγάγετε μια λίστα mini-Includes είναι να προσθέσετε ένα στοιχείο υποσέλιδου σε ένα έγγραφο HTML. Αυτό το στοιχείο αντιπροσωπεύει το υποσέλιδο του πλησιέστερου περιεχομένου τομής. Συνήθως περιέχει πληροφορίες για τον συγγραφέα, δεδομένα πνευματικών δικαιωμάτων, ή συνδέσμους προς σχετικά έγγραφα. Χρησιμοποιώντας το html>-ετικέτα για να δημιουργήσετε μια λίστα mini-Includes σε μια σελίδα HTML

Χρησιμοποιώντας το html>-ετικέτα για να επισημάνετε μεμονωμένα μπλοκ κειμένου

Η HTML5 επισημαίνει μεμονωμένα μπλοκ κειμένου με το σημάδι> στοιχείο. Αυτή η ετικέτα HTML5 αλλάζει το χρώμα του περιεχομένου στην πηγή σε μια συγκεκριμένη απόχρωση του κίτρινου ή του μαύρου, επιτρέποντας στον αναγνώστη να διακρίνει σημαντικό κείμενο. Μπορεί επίσης να χρησιμοποιηθεί για να υποδείξει τμήματα περιεχομένου που χρειάζονται περισσότερη προσοχή από άλλο κείμενο. Το σήμα> Το στοιχείο υποστηρίζει καθολικά χαρακτηριστικά και χαρακτηριστικά συμβάντων σε HTML. Όταν χρησιμοποιείται σωστά, αυτή η ετικέτα HTML5 μπορεί να βελτιώσει την αναγνωσιμότητα μιας ιστοσελίδας.

Το πρότυπο HTML4 καταργεί τις ετικέτες σε επίπεδο χαρακτήρων φυσικού στυλ. Ασχολούνται με την παρουσίαση, και είναι καλύτερο να χρησιμοποιήσετε CSS για αυτούς τους σκοπούς. Η HTML5 τα επανέφερε. Δεν έχουν πλέον καταργηθεί, αλλά εξακολουθούν να μην είναι ο μόνος τρόπος για να επισημάνετε μεμονωμένα μπλοκ κειμένου. Χρησιμοποιήστε CSS για να επισημάνετε μεμονωμένα μπλοκ κειμένου με HTML5! Αυτή η απλή μέθοδος θα επισημάνει μεμονωμένα μπλοκ κειμένου μέσα σε ένα κομμάτι περιεχομένου.

Φλοτέρ: Μπορείτε να χρησιμοποιήσετε αυτήν την ιδιότητα CSS για να μετακινήσετε ένα στοιχείο στην αριστερή ή δεξιά άκρη του στοιχείου που περιέχει. Μπορεί να χρησιμοποιηθεί για τη δημιουργία πλέγματος ή στηλών. Μπορείτε επίσης να χρησιμοποιήσετε μια ιδιότητα CSS που ονομάζεται float για να μετακινήσετε ένα iframe ή μια εικόνα στο αριστερό ή το δεξί περιθώριο του προγράμματος περιήγησης. Αυτά τα χαρακτηριστικά διευκολύνουν την επισήμανση μεμονωμένων μπλοκ με CSS.