Υπολογιστές, Λογισμικό
Πώς να δημιουργήσετε HTML σελίδα: οδηγίες βήμα προς βήμα, και οι συστάσεις της τεχνολογίας
Νομίζεις πώς να δημιουργήσετε HTML σελίδα; Για να το κάνετε αυτό, θα πρέπει να περάσετε μερικές ώρες, και θα ξέρετε τα βασικά της HTML. Και μπορείτε να δημιουργήσετε την πρώτη σας σελίδα θα είναι σε θέση να 5 λεπτά.
HTML σημαίνει HyperText Markup Language. Μεταφρασμένο, αυτό σημαίνει "Hypertext Markup Language". Είναι σημαντικό να κατανοήσουμε ότι η HTML - δεν είναι μια γλώσσα προγραμματισμού, δηλαδή σήμανσης ιστοσελίδα.
Όλα τα σύγχρονα προγράμματα περιήγησης είναι σε θέση να το αναγνωρίσει. Στη συνέχεια, δείχνουν τα στοιχεία σε ένα βολικό τρόπο για τον χρήστη, όπως η προκαταβολή που προβλέπεται από τον συγγραφέα.
Αυτή η γλώσσα χρησιμοποιεί ειδικές ετικέτες. Κάθε ετικέτα έχει μια λειτουργία. Πολλοί από αυτούς. Στην ιδανική περίπτωση, θα πρέπει να μάθετε τα πάντα. Αλλά για τον αρχάριο βασικές γνώσεις είναι αρκετό.
Βασικά στοιχεία HTML
Για να μπορέσετε να δημιουργήσετε HTML σελίδων, θα πρέπει να γνωρίζετε τι είναι. Σε αυτή τη γλώσσα, υπάρχουν δύο έννοιες: το στοιχείο και ετικέτα.
Για να καθορίσετε όπου το στοιχείο αρχίζει και κλείνει χρησιμοποιώντας ένα άνοιγμα και το κλείσιμο της ετικέτας. Μοιάζει με αυτό.
Όπως μπορείτε να δείτε, το άνοιγμα και η ετικέτα κλεισίματος διαφέρουν μόνο από το «/».
Όλα HTML έγγραφο είναι ένα σύνολο αυτών των στοιχείων. Υπάρχουν ορισμένες απαιτήσεις για τη δομή του εγγράφου. Όλο το περιεχόμενο της σελίδας θα πρέπει να είναι μεταξύ των δύο ετικετών και html>. Όταν γράφετε κώδικα, ρίξτε μια συνήθεια για να θέσει αμέσως κάτω από το άνοιγμα και το κλείσιμο της ετικέτας.
Επίσης, να θυμάστε ότι η δομή HTML της γλώσσας έχει τη δική του ιεραρχία. Σε αντίθετη περίπτωση, αυτό ονομάζεται ωοτοκίας. ετικέτα HTML είναι το πιο σημαντικό, γιατί όλοι οι άλλοι είναι μέσα σε αυτό.
Στην HTML, υπάρχουν δύο θυγατρικά στοιχεία:
- ... head>?
- <Φορέας> .. body>.
Στην ενότητα HEAD προσδιορίζει διάφορες πληροφορίες υπηρεσίας. Αυτή η πληροφορία εμφανίζεται στο πρόγραμμα περιήγησης δεν το κάνει. Για παράδειγμα, κατευθυντήριες γραμμές για την ανάπτυξη, για όλα τα προγράμματα, τα ρομπότ και πολλά άλλα.
Το πιο σημαντικό πράγμα - δεν υπάρχει περιεχόμενο.
Το τμήμα σώματος προσδιορίζει το περιεχόμενο του εγγράφου, το οποίο θα εμφανίζεται στο χρήστη.
Μάθετε να κάνετε άμεσα δημόσιες και ιδιωτικές ετικέτες, όπως μπορεί να είναι και 10 υπο-είδη. Επιπλέον, για λόγους ευκολίας οι ένθετες ετικέτες κάνουν εσοχή. Για παράδειγμα, όπως αυτό.
Head>
Body>
Html>
Έτσι, βεβαιωθείτε ότι η ίση ετικέτες σημασία ήταν στο ίδιο επίπεδο, και το παιδί - το «εσωτερικό». Τόσο πολύ πιο εύκολο να διαβάσει και να αναζητήσετε ένα συγκεκριμένο κομμάτι του κώδικα. Διαφορετικά, μπορείτε να μπερδευτείτε. Αλλά για εξοικονόμηση χώρου είναι το κεφάλι και το σώμα ετικέτες μπορεί να γίνει χωρίς να γεμίσει. Έτσι, έρχονται σε όλα τα άλλα δεν είχαν καμία περίπτωση. Όλα τα άλλα είναι επιθυμητό να διαχωριστούν.
Πώς να δημιουργήσετε μια απλή σελίδα HTML στο
Για να γράψετε τον κωδικό που χρειάζεται κάποιο είδος επεξεργασίας. Πολλοί από αυτούς. Δημοφιλή είναι το Notepad ++ και το Adobe Dreamweaver. Μπορείτε επίσης να χρησιμοποιήσετε το φορητό υπολογιστή.
Εδώ είναι τι ++ πρόγραμμα επεξεργασίας Σημειωματάριο.
Είναι πολύ φιλικό προς το χρήστη editor και είναι δωρεάν. Η παραπάνω Adobe Dreamweaver πληρώνεται. Σε αντίθεση με επεξεργαστή σχεδιασμένο για τη σύνταξη κώδικα HTML από το μαξιλάρι - το ότι οι ειδικές ετικέτες επισημαίνονται. Αν δεν ανάβει, αυτό σημαίνει ότι έχετε γράψει είναι λάθος.
Για να ταιριάζει με τη γλώσσα του φωτός, είναι αναγκαίο να διευκρινιστεί στις ρυθμίσεις.
Ας δούμε πώς μπορείτε να δημιουργήσετε μια σελίδα HTML στο Σημειωματάριο. Δηλαδή, να τελειώσει το τεχνικό μέρος και στη συνέχεια να προχωρήσουμε στη μελέτη της ετικέτας.
Πώς να δημιουργήσει μια ιστοσελίδα στην HTML σημειωματάριο
Πρώτον, ανοίξτε το σημειωματάριο.
Στη συνέχεια, πληκτρολογήστε σε αυτό που καθορίζεται στο παρακάτω screenshot.
Συνηθίστε να γράψει τα χέρια του, όχι μόνο ένα αντίγραφο. Όταν γράφετε τα χέρια σας, καλύτερα να απομνημονεύσει το σύνολο της βάσης δεδομένων της ετικέτας.
Στη συνέχεια, κάντε κλικ στο μενού «Αποθήκευση αρχείου» και καθορίστε ένα όνομα αρχείου, αλλά με την επέκταση .html.
Το αρχείο μπορεί να ανοίξει στο πρόγραμμα περιήγησής σας, και απολαύστε το αποτέλεσμα. Τώρα θα πρέπει να είναι σαφές το πώς να δημιουργήσετε μια ιστοσελίδα στο HTML σημειωματάριο.
Παγκόσμια Κοινοπραξία W3C
Υπάρχει ένας οργανισμός, όπως το W3C, η οποία αναπτύσσει και εφαρμόζει όλες τις προδιαγραφές για το Διαδίκτυο. Όλα τα προγράμματα περιήγησης υπόκεινται σε αυτά τα πρότυπα και η διαδικασία διάταξης (ες) για σελίδες σύμφωνα με τους κανόνες αυτούς.
Η επίσημη ιστοσελίδα των προγραμματιστών της HTML, μπορείτε να βρείτε έναν πίνακα με όλες τις ετικέτες και τους κανόνες σχετικά με τη χρήση τους. Σε αυτό το άρθρο θα εξετάσουμε τα πιο βασικά.
Μπορείτε να σκεφτείτε τι θα μπορούσε να είναι έτσι; Όλες αυτές οι ετικέτες έχουν μια σύσταση. Αρκετοί από αυτούς:
- Προαιρετική ετικέτα.
- Απαγορευμένη.
- Κενό ετικέτα.
- απαρχαιωμένος
- Lost.
Ετικέτες στην HTML
Για να μπορέσετε να δημιουργήσετε HTML σελίδων, πρέπει να καταλάβετε ότι για να είναι στην υπηρεσία του κεφαλιού.
HEAD Στην περιοχή υπάρχουν δύο υποχρεωτικές και προαιρετικές ετικέτες. Υποχρεωτική tag αναφέρεται μπάλα. Είναι συμβολίζεται με
Γυρνάμε στην ενότητα BODY. Υπάρχουν στοιχεία που εμφανίζονται στο πρόγραμμα περιήγησης, και υπάρχουν μη-εμφανίζεται. Για παράδειγμα, τα σχόλια δεν εμφανίζεται στο χρήστη. Μπορούν να χρησιμοποιηθούν για τις σημειώσεις ή συμβουλές για άλλους υπαλλήλους, αν εργάζεστε σε μια ομάδα.
Αυτά ορίζονται ως
Όλα αυτά είναι μεταξύ των , το πρόγραμμα θεωρείται με αυτόν τον τρόπο. Παρακαλώ σημειώστε ότι δεν μπορείτε να βάλετε μια ετικέτα σχολίου σε άλλο σχόλιο ετικέτα. Επειδή μόλις ανοίξετε το .
Ένα παράδειγμα ενός τέτοιου περιβλήματος:
συνέχιση του πρώτο σχόλιο ->
ο browser θα είναι το αποτέλεσμα της παρακάτω
συνέχεια του πρώτου σχολίου ->
Αλλά ένα κομμάτι της δεν θα είναι ορατό. Η δεύτερη ετικέτα ανοίγματος
Τα σημεία του κειμένου
Τίτλος καθορίζει όχι μόνο στο τμήμα της κεφαλής με τη χρήση τίτλο ετικέτα. Στο πλαίσιο της κεφαλίδας πρέπει να προσδιορίζεται κατ 'ανάγκην. Δεδομένου ότι μόνο ο χρήστης βλέπει.
Τίτλοι έρχονται σε ποικίλα επίπεδα. Έτσι, μια ιεραρχία στο κείμενο. Ισοδύναμο όγκους, κεφάλαια, παραγράφους σε ένα βιβλίο.
Είναι μόλις 6 επίπεδα. Ο κύριος τίτλος έχει οριστεί
Τίτλος h1>. Όσον αφορά την προώθηση του κειμένου της σελίδας σε ετικέτες h1, και ο τίτλος θα πρέπει να είναι η ίδια. Επιπλέον, h1 από αισθητική άποψη, θα πρέπει να υπάρχει μόνο μία. Αλλά αυτό δεν σημαίνει ότι ο browser δεν θα χειριστεί τα επόμενα h1. Μπορούν να κάνουν ό, τι θέλετε, αλλά αυτό δεν είναι επιθυμητό.
Για διακρίσεις χρησιμοποιούν ετικέτες από h2 στο h6. Είναι τόσο - ονομάζεται τίτλο του πρώτου, δεύτερου, τρίτου, τέταρτου, πέμπτου και έκτου επιπέδου. Έτσι δημιουργούν μια ένθετη δεδομένων και τη διαίρεση σε κατηγορίες.
Μοιάζει με αυτό.
παράγραφος
Το κυρίως κείμενο του κώδικα θα πρέπει να καταχωρήσετε το tag
... p>. Ήρθε από τη λέξη «σημείο». Κάθε παράγραφος πρέπει να συμπληρώσετε την ετικέτα
, και όχι σμιλεύει τα πάντα σε ένα σωρό. Η κανονική αλλαγή γραμμής δεν θα υποβληθούν σε επεξεργασία. Όλα θα δείξει σε μια ενιαία γραμμή. Για τις μεταφορές πρέπει να χρησιμοποιήσετε
ετικέτα.
Παρακαλείστε να σημειώσετε ότι η μεταφορά της ετικέτας δεν έχει κλείσει. Είναι μόνο.
Σκεφτείτε για παράδειγμα στίχο.
Διαφορετικές ετικέτες, εκτός από το «όνομα» του, υπάρχει ένα χαρακτηριστικό. Για παράδειγμα, μία παράγραφος ετικέτα έχει ένα χαρακτηριστικό «ευθυγράμμιση», το οποίο υποδηλώνεται ευθυγράμμιση. Μπορεί να ρυθμιστεί προς τα αριστερά, δεξιά, κέντρο. Δηλαδή, η ευθυγράμμιση του αριστερά ή δεξιά ή στο κέντρο.
χρησιμοποιώντας συνδέσμους
Πιθανόν να έχετε ήδη σκεφτεί: πώς να δημιουργήσετε HTML σελίδα με συνδέσμους; Περίπλοκες γι 'αυτό δεν υπάρχει τίποτα. Δημιουργήστε συνδέσμους της σελίδας HTML είναι πολύ απλή. Για το σκοπό αυτό υπάρχει ειδική ετικέτα. Έχει απαιτούμενα χαρακτηριστικά του. Η σωστή σύνδεση μοιάζει με αυτό:
Αν δεν καθορίσετε μια διεύθυνση και το κείμενο, τότε αυτός ο σύνδεσμος θα είναι άχρηστα ή αόρατο στο χρήστη.
συμπέρασμα
Υπάρχουν πολλές ετικέτες, και το καθένα έχει το δικό του σύνολο χαρακτηριστικών. Μετά την ανάγνωση αυτών των πληροφοριών, θα πρέπει να κατανοήσουν πώς να δημιουργήσετε ένα HTML ιστοσελίδα.
Για να επεκτείνουν τις γνώσεις τους στον τομέα αυτό, θα πρέπει να διαβάσετε περισσότερα βιβλία και να χρησιμοποιήσει τις επίσημες ετικέτες αναφορά σε HTML, η οποία βρίσκεται στην ιστοσελίδα του W3C. Αν δεν χρησιμοποιείτε ενημερώνεται περιοδικά κατάλογο των γλωσσών συγγραφείς, θα είναι δύσκολο να γίνει επαγγελματίας στον τομέα αυτό.
Similar articles
Trending Now