Η γλώσσα html αναφέρεται στον σκοπό της γλώσσας HTML. Πρότυπο HTML και προδιαγραφές XHTML. Δομή εγγράφου HTML. Οδηγίες υλοποίησης
ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΤΟΠΟΥ
Στάδια δημιουργίας ιστοσελίδας
Η δημιουργία μιας τοποθεσίας Web περιλαμβάνει πολλά στάδια - από τη δημιουργία μιας ιδέας έως την υλοποίησή της. Για να δημιουργήσετε ένα πραγματικά ενδιαφέρον και χρήσιμο προϊόν, πρέπει να ακολουθήσετε τα παρακάτω βήματα.
Ανάλυση και σχεδιασμός.Ανάλυση δυνάμεων και αδυναμίεςανταγωνιστές, σχεδιασμός πληροφοριών μιας ιστοσελίδας, ανάπτυξη της ιδέας της, αξιολόγηση του κοινού-στόχου.
Συγγραφή περιεχομένου.Κάτω από περιεχόμενοαναφέρεται στο πληροφοριακό περιεχόμενο του ιστότοπου. Ο όρος χρησιμοποιείται για να αναφέρεται στο ιδεολογικό περιεχόμενο μιας τοποθεσίας Web.
Δημιουργικός. Δημιουργικός- ένας όρος που υποδηλώνει το οπτικό στοιχείο μιας τοποθεσίας Web. Αυτό περιλαμβάνει την ανάπτυξη σχεδιασμού, γραφικών στοιχείων, επεξεργασίας γραφικών και οτιδήποτε σχετίζεται με αυτό.
Σύνταξη κώδικα ιστότοπου.Προγραμματισμός αρχείων Ιστού, σύνταξη του λειτουργικού μέρους
Δοκιμές.Σε αυτό το στάδιο, ελέγχονται τα πάντα: ευκολία πλοήγησης, ακεραιότητα δεδομένων, ορθότητα συνδέσμων και ορθογραφία· επιπλέον, δεν ερμηνεύουν όλα τα προγράμματα περιήγησης τις ίδιες ετικέτες HTML με τον ίδιο τρόπο.
Δημοσίευση.Τοποθέτηση ιστοσελίδας στο Διαδίκτυο. Οι περισσότεροι πάροχοι υπηρεσιών Διαδικτύου (ISP) παρέχουν δωρεάν την υπηρεσία φιλοξενίας οικιακών ιστοσελίδων (αυτή η υπηρεσία ονομάζεται φιλοξενία Ιστού). Για δημοσίευση, μπορείτε να φιλοξενήσετε τον ιστότοπό σας σε έναν πάροχο ή να χρησιμοποιήσετε άλλες επιλογές.
Υποστήριξη.Είναι απαραίτητο να αποφασίσουμε πώς θα προστεθούν νέα τμήματα και υλικά και τι θα συμβεί με τα παλιά. Ίσως χρειαστεί να δημιουργήσετε ένα αρχείο ειδήσεων που θα περιέχει ειδήσεις που έχουν χάσει τη συνάφειά τους. Είναι ακόμη πιο σημαντικό να ενημερώνετε τακτικά τις πληροφορίες στον ιστότοπο για να διασφαλίζεται ότι παραμένουν ελκυστικές.
Ορολογία σχεδίασης ιστοσελίδων
φυλλομετρητής- ένα πρόγραμμα εφαρμογής σχεδιασμένο να ερμηνεύει τους κώδικες εγγράφων HTML και να εμφανίζει ένα έγγραφο υπερκειμένου σε μια οθόνη υπολογιστή. Τα πιο συχνά χρησιμοποιούμενα προγράμματα περιήγησης - Internet Explorer,ΛΥΡΙΚΗ ΣΚΗΝΗ, Mozilla Firefox, Google Chrome. Μαζί με τον όρο "browser", χρησιμοποιούνται συνώνυμοι όροι: "browser" και "navigator".
Δικτυακός τόπος- ένα σύνολο διασυνδεδεμένων ιστοσελίδων και αρχείων παρόμοιας σημασίας. Κάθε τοποθεσία Web έχει μια ιστοσελίδα που ονομάζεται αρχική σελίδα ή αρχική σελίδα. Όλοι οι επισκέπτες της τοποθεσίας Web προσγειώνονται πρώτα σε αυτήν και, στη συνέχεια, χρησιμοποιώντας υπερσυνδέσμους, μεταβαίνουν σε άλλες σελίδες της τοποθεσίας Web.
ιστοσελίδα (έγγραφο HTML) είναι ένα αρχείο κειμένου σε Γλώσσα HTMLμορφή *.htm ή *.html, δημοσιεύτηκε στο WWW. Εκτός από κείμενο, μια ιστοσελίδα μπορεί να περιέχει γραφικά, κινούμενα σχέδια, βίντεο κλιπ, μουσική, καθώς και συνδέσμους υπερκειμένου με τους οποίους μπορείτε να πλοηγηθείτε και να προβάλετε άλλες ιστοσελίδες.
Ένας τρόπος για να δημιουργήσετε ιστοσελίδες (ή έγγραφα HTML) είναι να χρησιμοποιήσετε επεξεργαστής κειμένου Μπλοκ ΣΗΜΕΙΩΣΕΩΝ, ενσωματωμένο στα Windows. Σε αυτό το πρόγραμμα επεξεργασίας, δημιουργείται ένα αρχείο ιστοσελίδας, το οποίο αποθηκεύεται με την επέκταση *.htm και στη συνέχεια προβάλλονται τα αποτελέσματα χρησιμοποιώντας ένα πρόγραμμα περιήγησης.
Δημιουργία ιστοσελίδων με χρήση γλώσσας HTML
Γλώσσα HTML(Hyper Text Markup Language) είναι μια γλώσσα σήμανσης εγγράφων υπερκειμένου που χρησιμοποιείται για τη σύνταξη τοποθεσιών Web.
Η γλώσσα HTML σάς επιτρέπει:
‒ δημιουργία και επεξεργασία τοποθεσιών Web, συμπεριλαμβανομένης μιας αρχικής ιστοσελίδας, η οποία στη συνέχεια μπορεί να αναρτηθεί στο Διαδίκτυο.
- Επεξεργασία εγγράφων HTML που λαμβάνονται από το Διαδίκτυο, έτσι ώστε όλα τα αντικείμενα που είναι ενσωματωμένα στο έγγραφο (εικόνες, κινούμενα σχέδια, κ.λπ.) να λειτουργούν.
- δημιουργία παρουσιάσεις πολυμέσων, προβολές διαφανειών, έργα επίδειξης, χάρη στους συνδέσμους υπερκειμένου και τη δυνατότητα εισαγωγής σχεδίων, διαγραμμάτων, κινούμενων εικόνων, βίντεο κλιπ, συνοδείας μουσικής και ομιλίας, ειδικών εφέ κειμένου (για παράδειγμα, υφέρπουσας γραμμής) σε ένα έγγραφο HTML.
ΒΑΣΙΚΕΣ ΕΝΝΟΙΕΣ ΓΛΩΣΣΑΣ HTML
Στοιχείοείναι μια κατασκευή γλώσσας HTML, ή κοντέινερ, που περιέχει δεδομένα.
ιστοσελίδαείναι ένα σύνολο στοιχείων.
Ετικέταείναι οι δείκτες έναρξης και τέλους του στοιχείου. Οι ετικέτες ορίζουν τα όρια της δράσης των στοιχείων και διαχωρίζουν τα στοιχεία μεταξύ τους. Οι ετικέτες περικλείονται σε γωνιακές αγκύλες, για παράδειγμα: . Η τελική ετικέτα, εάν απαιτείται από τη σύνταξη της γλώσσας, προηγείται από μια κάθετο προς τα εμπρός:.
Πλαίσιο- μια περιοχή ενός εγγράφου υπερκειμένου με τις δικές του γραμμές κύλισης. Τα πλαίσια σάς επιτρέπουν να χωρίζετε τις σελίδες σε ορθογώνιες περιοχές, καθεμία από τις οποίες εμφανίζει τη δική της δική σελίδα. Μπορείτε να τοποθετήσετε ένα ή περισσότερα πλαίσια σε μια σελίδα (αυτή η σελίδα ονομάζεται σελίδα πλαισίωνή σύνολο πλαισίων).
Μορφή- μια περιοχή ενός εγγράφου υπερκειμένου που είναι απαραίτητο για την οργάνωση ανατροφοδότησημε επισκέπτες του ιστότοπου.
Applet- ένα μικρό πρόγραμμα εφαρμογής που μεταφέρεται στον υπολογιστή του πελάτη στη φόρμα ξεχωριστό αρχείοκαι εκκινείται κατά την προβολή μιας ιστοσελίδας.
Γραφή- ένα πρόγραμμα που περιλαμβάνεται σε μια ιστοσελίδα για να επεκτείνει τις δυνατότητές της.
Τοποθέτηση (Μεταφόρτωση)- αντιγραφή ενός εγγράφου από τον υπολογιστή του πελάτη στον διακομιστή Web - χρησιμοποιείται κατά τη δημιουργία της δικής σας ιστοσελίδας (δηλαδή κατά τη δημοσίευσή της).
Εικονοκύτταρο- το μικρότερο σημείο χρώματος στην οθόνη της οθόνης.
ΓΕΝΙΚΗ ΔΟΜΗ ΕΝΟΣ ΑΠΛΟΥ ΕΓΓΡΑΦΟΥ HTML
Η γενική δομή ενός απλού εγγράφου HTML είναι:
<СОММЕNT> Ενα σχόλιο СОММЕNT>
Εδώ βρίσκεται το κείμενο του ίδιου του εγγράφου HTML.
Ας εξηγήσουμε αυτές τις ετικέτες εγγράφων HTML:
- αναγνωριστικό ολόκληρου του μπλοκ εντολών HTML.
- Αναγνωριστικό κεφαλίδας εγγράφου HTML.
- αναγνωριστικό των εντολών HTML του εγγράφου που πρόκειται να προβληθεί.
Τρεις κύριες ετικέτες , Και παρέχει στο πρόγραμμα περιήγησης βασικές πληροφορίες για την αναγνώριση και την οργάνωση του εγγράφου.
Όλες οι καθορισμένες ετικέτες είναι ζευγαρωμένες, π.χ. κάθε ένα τελειώνει με μια ετικέτα τέλους με μια κάθετο. Όλες οι εντολές μπορούν να γραφτούν τόσο με μικρά όσο και με κεφαλαία γράμματα.
<МЕТА> - μια μη ζευγαρωμένη ετικέτα χρησιμοποιείται για να υποδείξει λεπτομερείς πληροφορίεςσχετικά με το έγγραφο.
ΕΤΙΚΕΤΕΣ ΜΟΡΦΟΠΟΙΗΣΗΣ ΡΟΗΣ ΚΕΙΜΕΝΟΥ
<Р> - αναγνωριστικό του τέλους της παραγράφου μετά την οποία προστίθεται κενή γραμμή. Χρειάζεστε μια ετικέτα στο τέλος Р> .
- αναγνωριστικό ροής γραμμής.
- αναγνωριστικό εικόνας οριζόντιας γραμμής.
Αυτές οι ετικέτες είναι μονές, δηλ. χωρίς σύζευξη, δεν απαιτούν κάθετο.
- εγκατάσταση γραμματοσειράς ίσου διαστήματος. Χρειάζεστε μια ετικέτα στο τέλος .
ΣΥΖΕΥΓΑΣΜΕΝΕΣ ΕΤΙΚΕΤΕΣ ΓΙΑ ΜΟΡΦΟΠΟΙΗΣΗ ΚΕΦΑΛΩΝ ΚΑΙ ΥΠΟΤΙΤΛΩΝ ΕΓΓΡΑΦΩΝ
<Н1>, <Н2>, <НЗ>, <Н4>, <Н5>, <Н6>. Σε αυτήν την περίπτωση, οι επικεφαλίδες θα εμφανίζονται με κεφαλαία γράμματα και το μέγεθος των γραμμάτων της ετικέτας <Н1> θα είναι το μεγαλύτερο <Н2> - λιγότερο, y <НЗ> - ακόμα λιγότερο, κ.λπ.
ΕΤΙΚΕΤΕΣ ΜΟΡΦΟΠΟΙΗΣΗΣ ΧΑΡΑΚΤΗΡΩΝ ΣΥΖΕΥΓΩΜΕΝΟΥ ΚΕΙΜΕΝΟΥ
<В> - αναγνωριστικό με έντονη γραμματοσειρά.
- αναγνωριστικό της επιλεγμένης γραμματοσειράς.
- πλάγιο αναγνωριστικό.
- αναγνωριστικό υπογράμμισης.
- αναγνωριστικό διαγραφής.
- αναγνωριστικό γραμματοσειράς ίσου διαστήματος (τηλέτυπος ή κούριερ).
- ορίζει ένα αυξημένο μέγεθος γραμματοσειράς.
- ορίζει ένα μειωμένο μέγεθος γραμματοσειράς.
- ορίζει τον δείκτη.
ΕΤΙΚΕΤΕΣ ΜΟΡΦΟΠΟΙΗΣΗΣ ΠΑΡΑΓΡΑΦΩΝ
<р align=left> - στοίχιση κειμένου σε μια παράγραφο προς τα αριστερά.
<р align=right> - στοίχιση κειμένου σε μια παράγραφο προς τα δεξιά.
<р align=center> - στοίχιση κειμένου σε μια παράγραφο στο κέντρο.
<р align=justify> - πλήρης ευθυγράμμιση και στις δύο άκρες της οθόνης,
ευθυγραμμίζω- χαρακτηριστικό ευθυγράμμισης.
ΕΤΙΚΕΤΕΣ ΛΙΣΤΩΝ
Οι ετικέτες λίστας είναι ένας τρόπος οπτικής εμφάνισης δομημένων πληροφοριών. Οι ταξινομημένες λίστες χρησιμοποιούνται για την εμφάνιση διαδοχικών λειτουργιών ή αλγορίθμων. Το πρόγραμμα περιήγησης δημιουργεί αυτόματα αριθμούς για κάθε στοιχείο στη λίστα.
- αναγνωριστικό της λίστας παραγγελίας. Στο τέλος .
Οι μη ταξινομημένες λίστες χρησιμοποιούνται για τη σύνταξη λιστών όταν η σειρά των στοιχείων δεν είναι σημαντική. Κάθε στοιχείο θα έχει έναν δείκτη μπροστά του.
- μη ταξινομημένο αναγνωριστικό λίστας. Στο τέλος .
Τα μεμονωμένα στοιχεία σε ταξινομημένες και μη ταξινομημένες λίστες επισημαίνονται με μία μόνο ετικέτα
ετικέτες
Τελική ετικέτα μπορεί να παραλειφθεί.
ΕΤΙΚΕΤΕΣ ΛΙΣΤΩΝ ΟΡΙΣΜΟΥ
Οι λίστες ορισμών παρέχουν ειδική μορφοποίηση που μοιάζει με λεξικό για όρους και τις σχετικές περιγραφές τους.
- αναγνωριστικό λίστας ορισμού. Στο τέλος.
ΕΤΙΚΕΤΕΣ ΧΡΩΜΑΤΩΝ
- ορίζει την εικόνα φόντου (ταπετσαρία) στην ιστοσελίδα στο αρχείο back.jpg.
- η εικόνα φόντου (ταπετσαρία) λαμβάνεται από το αρχείο tartan.bmp και υποδεικνύεται η διαδρομή αυτού του αρχείου.
- ορίζει το χρώμα των χαρακτήρων κειμένου (χρώμα) και το μέγεθός τους (μέγεθος). Χρειάζεστε μια ετικέτα στο τέλος .
ΕΤΙΚΕΤΕΣ ΓΡΑΜΜΩΝ
- ορίζει το χρώμα της οριζόντιας γραμμής.
- Χαρακτηριστικό μέγεθος=Νορίζει το πάχος της γραμμής σε pixel. Χαρακτηριστικό πλάτος=Μορίζει το μήκος της γραμμής σε pixel. Χαρακτηριστικό στοίχιση=κέντρο(ή αριστεράή σωστά) καθορίζει τη μετατόπιση της γραμμής (την τοποθέτησή της στο κέντρο, ή μετατόπιση προς τα αριστερά ή προς τα δεξιά).
ΕΤΙΚΕΤΕΣ ΓΙΑ ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΩΝ
Τα γραφικά στις σελίδες είναι ένα μέσο έκφρασης σκέψεων, δίνοντας έμφαση σε μια ιδέα.
Οι εικόνες μπορούν να αποθηκευτούν σε διάφορες μορφές. Ο τύπος αρχείου GIF, μια μορφή ανταλλαγής γραφικών, ήταν ο πρώτος τύπος αρχείου που υποστηρίχθηκε στο WWW. Στη συνέχεια, η μορφή JPEG αναπτύχθηκε από μια κοινή ομάδα ειδικών φωτογραφίας. Αυτή η μορφή είναι πιο αποτελεσματική από το GIF για την αναπαράσταση μεγάλων εικόνων.
Η μορφή PNG έχει κερδίσει δημοτικότητα - προσωπικά γραφικά δικτύου, τα οποία αντικαθιστούν το GIF.
Κατά τη δημοσίευση ενός ιστότοπου, το γραφικό πρέπει να βρίσκεται στο φάκελο όπου είναι αποθηκευμένα τα αρχεία της σελίδας και η διεύθυνση URL πρέπει να είναι πραγματική.
Το JPEG χρησιμοποιεί μια ειδική τεχνική συμπίεσης εικόνας που είναι συμφέρουσα για σχέδια και φωτογραφίες.
- εισαγωγή γραφικής εικόνας με τη μορφή αρχείου κινούμενων σχεδίων lycos.gif. Μπορείτε επίσης να χρησιμοποιήσετε αρχεία γραφικών σε μορφή *.jpg (ή *.jpeg), *.bmp.
- εάν τα χαρακτηριστικά πλάτος (πλάτος σε εικονοστοιχεία) και ύψος (ύψος σε εικονοστοιχεία) χρησιμοποιούνται κατά την εισαγωγή μιας εικόνας, τότε κατά τη φόρτωση της εικόνας, το πρόγραμμα περιήγησης θα εμφανίσει πρώτα το πλαίσιο όπου πρέπει να βρίσκεται η εικόνα και, στη συνέχεια, την ίδια την εικόνα, αφού χρειάζεται περισσότερος χρόνος για να φορτώσει. Με αυτόν τον τρόπο, δεσμεύεται χώρος στην οθόνη για την εικόνα.
- εισαγωγή μιας γραφικής εικόνας με τη μορφή αρχείου iexplor.gif, με την πλήρη διαδρομή να υποδεικνύεται αρχείο γραφικώνστο δίσκο: c:\html\animat\iexplor.gif ( αυτή τη στιγμήΠρέπει να το σκεφτείτε εκ των προτέρων, διαφορετικά θα προκύψουν προβλήματα οθόνης όταν μετακινηθείτε σε άλλον υπολογιστή).
- Χαρακτηριστικό σύνοροορίζει ένα πλαίσιο γύρω από την περίμετρο της εικόνας με πάχος 3 pixel. Χαρακτηριστικό Altδίνει κείμενο στη θέση του πλαισίου εάν δεν υπάρχει εικόνα.
Χαρακτηριστικό σύνορο=0χρησιμοποιείται για την αφαίρεση του περιγράμματος γύρω από ένα σχέδιο. Αυτό είναι απαραίτητο, για παράδειγμα, όταν χρησιμοποιείτε κινούμενες εικόνες GIF σε διαφανή βάση.
Εδώ χαρακτηριστικό hspace=5διασφαλίζει ότι το κείμενο ρέει ομαλά γύρω από την εικόνα. Καθορίζει το πλάτος του μη συμπληρωμένου χώρου δεξιά και αριστερά του σχεδίου σε pixel.
Χαρακτηριστικό align = "αριστερά"διασφαλίζει ότι η εικόνα τοποθετείται στα αριστερά.
JUMP TAG
<а href=«excite.htm»>ενθουσιάζω.htm - Σύνδεσμος υπερκειμένου στο αρχείο excite.htm.
<а href=«C:\book\book.inf»>book.inf - Σύνδεσμος υπερκειμένου, μετάβαση στο αρχείο book.inf. Κατά την εκκίνηση του προγράμματος περιήγησης, πρέπει να καθορίσετε το πρόγραμμα για προβολή αρχείο κειμένου book.inf, για παράδειγμα edit.com.
Όταν εργάζεστε στο Διαδίκτυο, θα πρέπει να κάνετε διάκριση μεταξύ αρχείων με κεφαλαία και μικρά γράμματα στο όνομα και την επέκταση. Πρέπει να υπάρχει πλήρης αντιστοιχία μεταξύ των ονομάτων των αρχείων ως προς το μέγεθος κάθε γράμματος στο όνομα και την επέκταση που καθορίζονται στον υπερσύνδεσμο και βρίσκονται στον διακομιστή, διαφορετικά οι υπερσύνδεσμοι δεν θα λειτουργούν.
Για να διευκολύνετε την εργασία σας, μπορείτε να καθορίσετε ονόματα αριθμητικών αρχείων (οι αριθμοί έχουν πάντα το ίδιο μέγεθος).
ΕΤΙΚΕΤΑ ΜΕΤΑΒΑΣΗΣ ΣΕ ΑΛΛΗ ΙΣΤΟΣΕΛΙΔΑ
<а href=«http://www.da.ru»>http://www.da.ru - Σύνδεσμος υπερκειμένου σε μορφή κειμένου, μετάβαση στο Διαδίκτυο στην ιστοσελίδα http://www.da.ru.
<а href=«zinn.gif»>> - σύνδεσμος υπερκειμένου με τη μορφή της εικόνας globe.gif, μετάβαση στην προβολή της εικόνας zinn.gif.
ΔΙΕΥΘΥΝΣΗ EMAIL ΕΙΣΑΓΩΓΗ ΕΤΙΚΕΤΑΣ
<а href=«mailto: krilenka@ya.ru»>krilenka@ya.ru - υπερσύνδεσμος στη διεύθυνση ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ. Όταν πατηθεί, γίνεται μια κλήση πρόγραμμα αλληλογραφίαςκαι προσδιορίζεται Διεύθυνση ηλεκτρονικού ταχυδρομείου: krilenka@ya.ru εισάγεται στην παράγραφο Σε ποιον .
ΕΤΙΚΕΤΑ ΕΙΣΑΓΩΓΗΣ ΕΓΓΡΑΦΟΥ
-
εισαγωγή ενός αντικειμένου σε ένα έγγραφο HTML. Σε αυτήν την περίπτωση, αυτό είναι ένα αρχείο πολυμέσων *.avi, και όταν φορτωθεί η σελίδα, αυτό το αρχείο εκτελείται αυτόματα, οι διαστάσεις του οποίου στην οθόνη καθορίζονται από τα χαρακτηριστικά ΠλάτοςΚαι Υψος.
Εάν το έγγραφο HTML είναι μεγάλο, τότε μέσα σε αυτό κάνουν μεταβάσεις χρησιμοποιώντας την ετικέτα (U01): <Р> <а href=«#U01>Εισαγωγήа> Р> <а name=«U01»>Εισαγωγήа>
ΕΤΙΚΕΤΕΣ ΓΙΑ ΔΗΜΙΟΥΡΓΙΑ ΓΡΑΜΜΗΣ ΚΕΙΜΕΝΟΥ που ΤΡΑΞΕΙ
(ΜΟΝΟ ΓΙΑ INTERNET EXPLORER):
Εάν μια γραμμή κειμένου πρέπει να τρέχει προς τα αριστερά, τότε αντ' αυτού σωστάπρέπει να υπάρχει μια λέξη αριστερά.Μπορείτε να δημιουργήσετε μια συμβολοσειρά κειμένου που τρέχει ακόμα πιο απλή (δηλαδή χωρίς χαρακτηριστικά και θα τρέχει προς τα αριστερά):
Εάν μια συμβολοσειρά κειμένου πρέπει να εκτελείται αριστερά και δεξιά, τότε σε μια ετικέτα
ΛΙΣΤΑ ΧΡΩΜΑΤΩΝ ΣΥΜΒΟΛΩΝ HTML
Συνολικά 16 βασικά χρώματα:
Αντί αυτών των όρων, μπορείτε να χρησιμοποιήσετε Κωδικοί RGB(R ed, σολ reen, σι lue), για παράδειγμα: #FFFFFF- λευκό (λευκό), #FF0000- το κόκκινο.
Αλλαγή Κωδικοί RGB, Μπορείτε να επιλέξετε τα χρώματα που θέλετε για το κείμενο και το φόντο.
ΕΤΙΚΕΤΕΣ ΣΥΝΔΕΣΗΣ ΗΧΟΥ
Για αναπαραγωγή ήχου (*.mid file) μετά τη φόρτωση του εγγράφου HTML περιηγητής διαδυκτίου Explorer (δηλαδή σε Ιστορικό), πρέπει να γράψετε την ακόλουθη εντολή, για παράδειγμα:
Μπορείτε επίσης να χρησιμοποιήσετε ένα αρχείο *.wav. Αριθμός παιχνιδιών βρόχοςμπορεί να αυξηθεί από 1 σε p.
ΕΤΙΚΕΤΕΣ ΠΛΑΙΣΙΩΝ
- προσδιορισμός της δομής πλαισίου (παραθύρου) του εγγράφου: διαστάσεις και θέση πλαισίων στη σελίδα. Αντικαθιστά την ετικέτα BODY σε ένα έγγραφο με πλαίσια. μπορεί να τοποθετηθεί σε άλλα σύνολα πλαισίων.
- προσδιορισμός του αριθμού και του μεγέθους των οριζόντιων πλαισίων (line frames) στο παράθυρο του προγράμματος περιήγησης (pixel, ποσοστά πλάτους).
- προσδιορισμός του αριθμού και του μεγέθους των κατακόρυφων πλαισίων (πλαίσια στηλών) στο παράθυρο του προγράμματος περιήγησης (pixel, ποσοστά πλάτους).
- ορισμός ενός πλαισίου και των ιδιοτήτων του μέσα στη δομή FRAMESET.
Χαρακτηριστικά πλαισίου:
- υποδεικνύει τη διεύθυνση (URL) του αρχείου HTML που εμφανίζεται σε αυτό το πλαίσιο.
- προσδιορισμός του πλάτους (σε pixel) του αριστερού και δεξιού περιθωρίου του πλαισίου. πρέπει να είναι ίσο ή μεγαλύτερο από 1.
- Προσδιορισμός του πλάτους (σε pixel) του επάνω και του κάτω πεδίου του πλαισίου. πρέπει να είναι ίσο ή μεγαλύτερο από 1.
- προσδιορισμός της παρουσίας μιας γραμμής κύλισης για τα περιεχόμενα του πλαισίου. Οι τιμές μπορεί να είναι: "ναι", "όχι" ή "αυτόματο". Η προεπιλογή είναι αυτόματη.
- αποτροπή αλλαγής μεγέθους πλαισίου.
ΕΤΙΚΕΤΕΣ ΦΟΡΜΩΝ
Για να λειτουργήσει η φόρμα θα πρέπει να γράψετε CGIγραφή. Η HTML απλά δημιουργεί την εμφάνιση της φόρμας.
Δημιουργήστε μια συμπληρωμένη φόρμα | |
Το στοιχείο επιλογής δημιουργεί ένα μενού του τύπου "Επιλέξτε ένα αντικείμενο από πολλά" ή "Επιλέξτε πολλά στοιχεία από πολλά" σε μια συμπληρωμένη φόρμα. Το μέγεθος καθορίζει τον αριθμό των ορατών στοιχείων χωρίς κύλιση. | |
< Option > | Το στοιχείο επιλογής περιγράφει μεμονωμένα στοιχεία μενού. Δεν έχει ετικέτα τέλους. |
Δημιουργήστε ένα πεδίο για την εισαγωγή πολλών γραμμών κειμένου. Το Cols δείχνει το πλάτος. Οι σειρές υποδηλώνουν το ύψος. | |
Δημιουργήστε ένα πεδίο εισαγωγής για χαρακτηριστικά ναι/όχι ή για χαρακτηριστικά που μπορούν να δέχονται πολλές τιμές ταυτόχρονα. Η ετικέτα ακολουθείται αμέσως από κείμενο. | |
Δημιουργία πεδίου εισαγωγής για χαρακτηριστικά που παίρνουν μία τιμή από πολλές πιθανές. Το κείμενο ακολουθεί αμέσως την ετικέτα. | |
Δημιουργία πεδίου εισαγωγής για μία γραμμή κειμένου. Το μέγεθος καθορίζει το μήκος σε χαρακτήρες. | |
< input type=«submit» value=«NAME»> | Δημιουργία κουμπιού που, όταν πατηθεί, στέλνει τη συμπληρωμένη φόρμα στον διακομιστή. |
Δημιουργία μιας γραφικής εικόνας για ένα κουμπί που ξεκινά τη μεταφορά δεδομένων στον διακομιστή. |
ΔΗΜΙΟΥΡΓΙΑ ΠΙΝΑΚΩΝ ΣΕ HTML
Οι πίνακες είναι ένας βολικός τρόπος για να μορφοποιήσετε δεδομένα σε HTML.
Ένας πίνακας ορίζεται και οι γενικές του ιδιότητες ορίζονται από την ετικέτα Ετικέτα σύνορα = "5"- πλάτος της πλευρικής ακμής σε pixel. Όταν ρυθμιστεί στο μηδέν, το πλαίσιο εξαφανίζεται. πλάτος = "100"- πλάτος πίνακα σε pixel ή πλάτος = "50%"- πλάτος πίνακα σε % σε σχέση με το πλάτος σελίδας στο παράθυρο. cellpacing = "10"- πλάτος του μπροστινού άκρου σε pixel. cellpadding="10"- καθορίζει το μέγεθος του κενού χώρου σε pixel που περιβάλλει τα δεδομένα στο κελί. Ετικέτα Ετικέτα Ετικέτα Το χρώμα φόντου κελιού ορίζεται στην ετικέτα Μη συζευγμένη ετικέτα Ένα κελί κεφαλίδας διαφέρει από ένα κανονικό κελί στο ότι το κείμενο μέσα σε αυτό εμφανίζεται με έντονη γραμματοσειρά. Το χρώμα φόντου της κεφαλίδας έχει οριστεί: ΓΡΑΦΗ Για την υλοποίηση μιας ιστοσελίδας, χρησιμοποιείται ένα πρόγραμμα Κινητήρας
, το οποίο υλοποιεί άλλες λειτουργίες εκτός από την απλή εμφάνιση έτοιμων ιστοσελίδων. Για παράδειγμα, προβολή του καταλόγου ενός ηλεκτρονικού καταστήματος (η λίστα των προϊόντων ανακτάται από τη βάση δεδομένων του καταστήματος), αναζήτηση στο Διαδίκτυο (σελίδες με απαντήσεις μηχανή αναζήτησηςσχηματίζονται δυναμικά), εμφανίζοντας banners (ο κινητήρας «δίνει» ένα ή άλλο banner στις σελίδες του ιστότοπου σύμφωνα με έναν δεδομένο αλγόριθμο). Ένα σενάριο είναι ένα απλό πρόγραμμα σε μια γλώσσα προγραμματισμού "scripting" (Perl, Php, Javascript), ένα στοιχείο του κινητήρα. Σε ακραίες περιπτώσεις, η μηχανή του ιστότοπου μπορεί να αποτελείται από ένα μόνο σενάριο. Το Cgi-bin ήταν ιστορικά ένας υποκατάλογος στον διακομιστή στον οποίο βρίσκονταν σενάρια και άλλα στοιχεία της μηχανής τοποθεσίας. Ορισμένες υπηρεσίες φιλοξενίας (υπηρεσίες για τη φιλοξενία της τοποθεσίας Web κάποιου άλλου στο διακομιστή Ιστού τους ή στο διακομιστή Ιστού κάποιου άλλου) παρέχουν στους πελάτες τους προσωπικούς καταλόγους cgi-bin για τη φιλοξενία σεναρίων. Γλώσσα HTML(Hyper Text Markup Language) είναι μια γλώσσα σήμανσης εγγράφων υπερκειμένου που χρησιμοποιείται για τη σύνταξη τοποθεσιών Web. Η γλώσσα HTML σάς επιτρέπει: να δημιουργήσετε και να επεξεργαστείτε τοποθεσίες Web, συμπεριλαμβανομένης μιας αρχικής ιστοσελίδας, η οποία στη συνέχεια μπορεί να αναρτηθεί στο Διαδίκτυο. να επεξεργαστείτε έγγραφα HTML που λαμβάνονται από το Διαδίκτυο, έτσι ώστε όλα τα αντικείμενα που είναι ενσωματωμένα στο έγγραφο (εικόνες, κινούμενα σχέδια, κ.λπ.) να λειτουργούν. δημιουργήστε παρουσιάσεις πολυμέσων, προβολές διαφανειών, έργα επίδειξης, χάρη σε συνδέσμους υπερκειμένου και τη δυνατότητα εισαγωγής σχεδίων, διαγραμμάτων, κινούμενων εικόνων, βίντεο κλιπ, μουσικής και συνοδείας ομιλίας, ειδικών εφέ κειμένου (για παράδειγμα, υφέρπουσας γραμμής) σε ένα έγγραφο HTML. Στοιχείοείναι μια κατασκευή γλώσσας HTML, ή κοντέινερ, που περιέχει δεδομένα. Ιστός-σελίδαείναι ένα σύνολο στοιχείων. Ετικέτα(Ετικέτα) είναι οι δείκτες έναρξης και λήξης του στοιχείου. Οι ετικέτες ορίζουν τα όρια της δράσης των στοιχείων και διαχωρίζουν τα στοιχεία μεταξύ τους. Οι ετικέτες περικλείονται σε γωνιακές αγκύλες, για παράδειγμα: <
HTML>.
Η τελική ετικέτα, εάν απαιτείται από τη σύνταξη της γλώσσας, προηγείται από μια κάθετο προς τα εμπρός:
HTML>
. Πλαίσιο(Πλαίσιο) - μια περιοχή ενός εγγράφου υπερκειμένου με τις δικές του γραμμές κύλισης. Τα πλαίσια σάς επιτρέπουν να χωρίζετε τις σελίδες σε ορθογώνιες περιοχές Hi, καθεμία από τις οποίες εμφανίζει τη δική της σελίδα. Μπορείτε να τοποθετήσετε ένα ή περισσότερα καρέ σε μια σελίδα (αυτή η σελίδα ονομάζεται σελίδα πλαισίου ή σύνολο πλαισίων). Μορφή(Φόρμα) είναι μια περιοχή ενός εγγράφου υπερκειμένου που είναι απαραίτητο για την οργάνωση σχολίων από επισκέπτες του ιστότοπου. AppletΤο (Applet) είναι ένα μικρό πρόγραμμα εφαρμογής που μεταφέρεται στον υπολογιστή του πελάτη ως ξεχωριστό αρχείο και εκκινείται κατά την προβολή μιας ιστοσελίδας. ΓραφήΤο (Script) είναι ένα πρόγραμμα που περιλαμβάνεται σε μια ιστοσελίδα για να επεκτείνει τις δυνατότητές της. Κατάλυμα(Μεταφόρτωση) - η αντιγραφή ενός εγγράφου από τον υπολογιστή του πελάτη στον διακομιστή Web - χρησιμοποιείται κατά τη δημιουργία της δικής σας ιστοσελίδας (δηλαδή κατά τη δημοσίευσή της). Εικονοκύτταρο(Pixel) - το μικρότερο σημείο χρώματος στην οθόνη της οθόνης. Η γενική δομή ενός απλού εγγράφου HTML είναι: <ΣΧΟΛΙΟ>Σχόλιο >
<
ΤΙΤΛΟΣ>
Όνομα εγγράφου ТП
μεγάλομι>
ΚΕΦΑΛΙ>
<
ΣΩΜΑ>
Εδώ βρίσκεται το κείμενο του ίδιου του εγγράφου HTML.
ΣΩΜΑ>
HTML>
Ας εξηγήσουμε τις καθορισμένες ετικέτες του εγγράφου HTML. <
ΣΧΟΛΙΟ>
- σχολιασμός του εγγράφου. Δεν απαιτείται. <
HTML>
- αναγνωριστικό ολόκληρου του μπλοκ εντολών HTML. <
ΚΕΦΑΛΙ>
- αναγνωριστικό τίτλου εγγράφου HTML.
<
ΤΙΤΛΟΣ>
- Αναγνωριστικό τίτλου θύρας προβολής. <
ΣΩΜΑ>
- αναγνωριστικό HTML- εντολέςέγγραφο για προβολή. Τρεις κύριες ετικέτες <
HTML>,
<
ΚΕΦΑΛΙ>
Και <
ΣΩΜΑ>
περάστε βασικές πληροφορίες αναγνώρισης στο πρόγραμμα περιήγησης και οργάνωσηθέσειςέγγραφο. Όλες οι καθορισμένες ετικέτες είναι ζευγαρωμένες, π.χ. κάθε ένα τελειώνει με μια ετικέτα τέλους με μια κάθετο. Όλες οι εντολές μπορούν να γραφτούν τόσο με μικρά όσο και με κεφαλαία γράμματα. <МЕТА>
- χρησιμοποιείται μια μη ζευγαρωμένη ετικέτα για να υποδείξει λεπτομερείς πληροφορίες σχετικά με το έγγραφο. Ο όρος HTML (HyperText Markup Language) σημαίνει "γλώσσα σήμανσης υπερκειμένου". Η πρώτη έκδοση της HTML αναπτύχθηκε από τον Tim Berners-Lee, συνεργάτη στο European Particle Physics Laboratory. Η HTML έχει υποστεί κάποιες αλλαγές από τότε που δημιουργήθηκε η πρώτη έκδοση. Όπως πολλά πράγματα στον κόσμο των υπολογιστών, οι εκδόσεις ή οι προδιαγραφές της HTML αποδείχτηκαν αριθμημένες. Οι προδιαγραφές 2.0, 3.0 και 3.2 είναι γνωστές. Η τρέχουσα προδιαγραφή HTML βρίσκεται πάντα στον διακομιστή W3C. Η γλώσσα σήμανσης υπερκειμένου (HTML) είναι μια τυπική γλώσσα σχεδιασμένη για τη δημιουργία εγγράφων υπερκειμένου στο περιβάλλον WEB. Τα έγγραφα HTML μπορούν να προβληθούν διάφοροι τύποιπρογράμματα περιήγησης WEB. Όταν δημιουργείται ένα έγγραφο με χρησιμοποιώντας HTML, Ένα πρόγραμμα περιήγησης WEB μπορεί να ερμηνεύσει την HTML για να επισημάνει διάφορα στοιχεία του εγγράφου και να τα επεξεργαστεί πρώτα. Η χρήση HTML επιτρέπει τη μορφοποίηση των εγγράφων έτσι ώστε να μπορούν να παρουσιαστούν χρησιμοποιώντας γραμματοσειρές, γραμμές και άλλα γραφικά στοιχεία σε οποιοδήποτε σύστημα τα προβάλλει. Τα περισσότερα έγγραφα έχουν τυπικά στοιχεία, όπως επικεφαλίδα, παραγράφους ή λίστες. Χρησιμοποιώντας ετικέτες HTML μπορείτε να ορίσετε αυτά τα στοιχεία, παρέχοντας στα προγράμματα περιήγησης WEB τις ελάχιστες πληροφορίες για την εμφάνιση αυτών των στοιχείων, διατηρώντας παράλληλα το συνολικό γενική δομήκαι πληρότητα πληροφοριών των εγγράφων. Το μόνο που χρειάζεται για την ανάγνωση ενός εγγράφου HTML είναι ένα πρόγραμμα περιήγησης WEB που ερμηνεύει τις ετικέτες HTML και εμφανίζει το έγγραφο στην οθόνη με τη μορφή που του δίνει ο συγγραφέας. Στις περισσότερες περιπτώσεις, ο συντάκτης του εγγράφου ορίζει αυστηρά εμφάνισηέγγραφο. Στην περίπτωση του HTML, ο αναγνώστης (βάσει των δυνατοτήτων του προγράμματος περιήγησης WEB μπορεί, σε κάποιο βαθμό, να ελέγξει την εμφάνιση του εγγράφου (αλλά όχι το περιεχόμενό του). Η HTML σάς επιτρέπει να επισημάνετε πού πρέπει να βρίσκεται μια επικεφαλίδα ή μια παράγραφος το έγγραφο χρησιμοποιώντας μια ετικέτα HTML και στη συνέχεια παρέχει το πρόγραμμα περιήγησης WEB για την ερμηνεία αυτών των ετικετών. Για παράδειγμα, ένα πρόγραμμα περιήγησης WEB μπορεί να αναγνωρίσει την αρχή μιας ετικέτας παραγράφου και να παρουσιάσει το έγγραφο στην επιθυμητή μορφή, ενώ ένα άλλο δεν έχει αυτή τη δυνατότητα και παρουσιάζει το έγγραφο σε μία γραμμή. Οι χρήστες ορισμένων προγραμμάτων περιήγησης WEB έχουν επίσης τη δυνατότητα να προσαρμόσουν το μέγεθος και τον τύπο γραμματοσειράς, το χρώμα και άλλες παραμέτρους που επηρεάζουν την εμφάνιση του εγγράφου. Τα έγγραφα HTML μπορούν να δημιουργηθούν χρησιμοποιώντας οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου ή εξειδικευμένους επεξεργαστές και μετατροπείς HTML. Η επιλογή του επεξεργαστή που θα χρησιμοποιηθεί για τη δημιουργία εγγράφων HTML εξαρτάται αποκλειστικά από την ευκολία και τις προσωπικές προτιμήσεις κάθε συγγραφέα. Για παράδειγμα, οι επεξεργαστές HTML όπως το Netscape Navigator Gold από το Netscape σάς επιτρέπουν να δημιουργείτε έγγραφα γραφικά χρησιμοποιώντας την τεχνολογία WYSIWYG (Ό,τι βλέπετε είναι αυτό που παίρνετε). Από την άλλη πλευρά, τα περισσότερα παραδοσιακά εργαλεία δημιουργίας εγγράφων διαθέτουν μετατροπείς που σας επιτρέπουν να μετατρέψετε έγγραφα σε μορφή HTML. Όλες οι ετικέτες HTML ξεκινούν με "<" (левой угловой скобки) и заканчиваются символом ">" (δεξιά αγκύλη). Συνήθως, υπάρχει μια ετικέτα έναρξης και μια ετικέτα τέλους. Για παράδειγμα, εδώ υπάρχουν ετικέτες επικεφαλίδας, οι οποίες ορίζουν το κείμενο μέσα στις ετικέτες έναρξης και τέλους που περιγράφουν τον τίτλο του εγγράφου: Το HTML δεν κάνει διάκριση πεζών-κεφαλαίων, επομένως το παραπάνω παράδειγμα μπορεί να μοιάζει με αυτό: Η ετικέτα τέλους μοιάζει ίδια με την ετικέτα έναρξης και διαφέρει από αυτήν κατά μια κάθετη κάθετο πριν από το κείμενο μέσα σε αγκύλες. ΣΕ σε αυτό το παράδειγμαετικέτα Κάποιες ετικέτες όπως π.χ (ετικέτα που ορίζει μια παράγραφο) δεν απαιτούν ετικέτα τέλους, αλλά η χρήση της δίνει στο κείμενο πηγής του εγγράφου βελτιωμένη αναγνωσιμότητα και δομή. Όταν ένα πρόγραμμα περιήγησης WEB λαμβάνει ένα έγγραφο, καθορίζει τον τρόπο ερμηνείας του εγγράφου. Η πρώτη ετικέτα που εμφανίζεται στο έγγραφο πρέπει να είναι η ετικέτα . Αυτή η ετικέτα λέει στο πρόγραμμα περιήγησης WEB ότι το έγγραφό σας είναι γραμμένο με χρήση HTML. Ένα ελάχιστο έγγραφο HTML θα μοιάζει με αυτό: ...το σώμα του εγγράφου... Κεφαλίδα εγγράφου Η ετικέτα κεφαλής εγγράφου πρέπει να χρησιμοποιείται αμέσως μετά την ετικέτα και πουθενά αλλού στο σώμα του εγγράφου. Αυτή η ετικέτα είναι γενική περιγραφήέγγραφο. Αποφύγετε την τοποθέτηση οποιουδήποτε κειμένου μέσα στην ετικέτα Τα περισσότερα προγράμματα περιήγησης WEB εμφανίζουν τα περιεχόμενα της ετικέτας Σχόλια Όπως κάθε γλώσσα, η HTML σάς επιτρέπει να εισάγετε σχόλια στο σώμα ενός εγγράφου, τα οποία αποθηκεύονται όταν το έγγραφο μεταφέρεται μέσω του δικτύου, αλλά δεν εμφανίζονται από το πρόγραμμα περιήγησης. Σύνταξη σχολίων: Τα σχόλια μπορούν να εμφανίζονται οπουδήποτε σε ένα έγγραφο και σε οποιαδήποτε ποσότητα. Οι ετικέτες σώματος εγγράφου προσδιορίζουν τα στοιχεία του εγγράφου HTML που εμφανίζονται στο παράθυρο. Το σώμα του εγγράφου μπορεί να περιέχει συνδέσμους προς άλλα έγγραφα, κείμενο και άλλες μορφοποιημένες πληροφορίες. Σώμα εγγράφου Το σώμα του εγγράφου πρέπει να βρίσκεται μεταξύ των ετικετών Ετικέτα παραγράφου Σε αντίθεση με τους περισσότερους επεξεργαστές κειμένου, οι επιστροφές μεταφοράς γενικά αγνοούνται σε ένα έγγραφο HTML. Μια φυσική αλλαγή παραγράφου μπορεί να βρίσκεται οπουδήποτε στο αρχικό κείμενο του εγγράφου (για ευκολότερη ανάγνωση). Ωστόσο, το πρόγραμμα περιήγησης διαχωρίζει τις παραγράφους μόνο εάν υπάρχει ετικέτα Εάν δεν διαχωρίσετε τις παραγράφους με την ετικέτα Το έγγραφό σας θα εμφανίζεται ως μια μεγάλη παράγραφος. Οι σύνδεσμοι υπερκειμένου είναι ένα βασικό στοιχείο που κάνει το WEB ελκυστικό στους χρήστες. Προσθέτοντας συνδέσμους υπερκειμένου (εφεξής "δεσμοί"), δημιουργείτε ένα σύνολο εγγράφων συνδεδεμένα και δομημένα, τα οποία επιτρέπουν στον χρήστη να αποκτήσει τις πληροφορίες που χρειάζεται όσο το δυνατόν πιο γρήγορα και εύκολα. Οι σύνδεσμοι έχουν μια τυπική μορφή, η οποία επιτρέπει στο πρόγραμμα περιήγησης να τους ερμηνεύει και να εκτελεί τις απαραίτητες λειτουργίες (μέθοδοι κλήσης) ανάλογα με τον τύπο του συνδέσμου. Οι σύνδεσμοι μπορούν να οδηγούν σε ένα άλλο έγγραφο, σε μια συγκεκριμένη τοποθεσία μέσα σε αυτό το έγγραφο ή να εκτελούν άλλες λειτουργίες, όπως να ζητούν ένα αρχείο μέσω FTP για να το εμφανίσει το πρόγραμμα περιήγησης. Μια διεύθυνση URL μπορεί να οδηγεί σε μια συγκεκριμένη τοποθεσία σε μια απόλυτη διαδρομή ή μπορεί να οδηγεί σε ένα έγγραφο στην τρέχουσα διαδρομή, η οποία χρησιμοποιείται συχνά κατά την οργάνωση μεγάλων δομημένων τοποθεσιών Ιστού. Επιστρέψτε στον προηγούμενο σύνδεσμο εάν η κίνηση έγινε μέσα στο έγγραφο. Εάν χρησιμοποιείτε συνδέσμους σε ένα έγγραφο και στη συνέχεια πατήσετε το πλήκτρο Πίσω, δεν θα μεταβείτε στον προηγούμενο σύνδεσμο, αλλά θα επιστρέψετε στο τμήμα του εγγράφου που προβάλλατε πριν. Ένα από τα πιο ελκυστικά καταραμένο Web-η δυνατότητα συμπερίληψης συνδέσμων προς γραφικά και άλλους τύπους δεδομένων σε ένα έγγραφο HTML. Αυτό γίνεται χρησιμοποιώντας μια ετικέτα . Η χρήση αυτής της ετικέτας μπορεί να βελτιώσει σημαντικά την εμφάνιση και τη λειτουργικότητα των εγγράφων. Υπάρχουν δύο τρόποι χρήσης γραφικών σε έγγραφα HTML. Το πρώτο είναι η ενσωμάτωση γραφικών εικόνων στο έγγραφο, που επιτρέπει στο χρήστη να δει τις εικόνες απευθείας στο πλαίσιο άλλων στοιχείων του εγγράφου. Αυτή είναι η πιο χρησιμοποιούμενη τεχνική στο σχεδιασμό εγγράφων, που μερικές φορές ονομάζεται "εσωτερική εικόνα". Ορισμένα προγράμματα περιήγησης WWW επιτρέπουν στο χρήστη, συμπληρώνοντας μια ειδική φόρμα που επιστρέφει την τιμή που προκύπτει, να εκτελέσει ορισμένες ενέργειες στον διακομιστή WWW. Όταν η φόρμα ερμηνεύεται από ένα πρόγραμμα περιήγησης WEB, δημιουργούνται ειδικά στοιχεία οθόνης GUI, όπως πεδία εισαγωγής, πλαίσια ελέγχου, ραδιοκουμπιά, αναπτυσσόμενα μενού, λίστες με δυνατότητα κύλισης, κουμπιά κ.λπ. Όταν ένας χρήστης συμπληρώνει μια φόρμα και κάνει κλικ στο κουμπί "Υποβολή" (SUBMIT είναι ένας ειδικός τύπος κουμπιού που καθορίζεται κατά την περιγραφή ενός εγγράφου), οι πληροφορίες που εισάγει ο χρήστης στη φόρμα αποστέλλονται στον διακομιστή HTTP για επεξεργασία και μετάδοση σε άλλα προγράμματα που εκτελούνται κάτω από τον διακομιστή, σύμφωνα με τη διεπαφή CGI (Common Gateway Interface). Όταν περιγράφετε μια φόρμα, κάθε στοιχείο εισαγωγής δεδομένων έχει μια ετικέτα . Όταν ένας χρήστης τοποθετεί δεδομένα σε ένα στοιχείο φόρμας, οι πληροφορίες τοποθετούνται στην ενότητα VALUE αυτού του στοιχείου. Ένα από τα πιο ελκυστικά χαρακτηριστικά του Ιστού είναι η δυνατότητα να περιλαμβάνει συνδέσμους προς γραφικά και άλλους τύπους δεδομένων σε ένα έγγραφο HTML. Αν και οι ιστοσελίδες εμφανίζονται μορφοποιημένες σε μια οθόνη υπολογιστή, η HTML δεν προορίζεται για τη μορφοποίηση εγγράφων, επειδή η άκαμπτη σχεδίαση και η ακριβής τοποθέτηση των στοιχείων κειμένου σε μια σελίδα οδηγεί σε περιορισμούς που είναι απαράδεκτοι στο Διαδίκτυο. Έτσι, για παράδειγμα, όταν μορφοποιούμε κείμενο με επεξεργαστή κειμένουΛέξη, εμείς οπωσδηποτεκαθορίστε πώς πρέπει να φαίνεται αυτό το κείμενο όταν τυπώνεται ένας πολύ συγκεκριμένος εκτυπωτής καισε χαρτί καθορισμένη μορφή.Όταν ένα έγγραφο δημοσιεύεται στο Διαδίκτυο, είναι αδύνατο να προβλεφθεί ποιος υπολογιστής θα χρησιμοποιηθεί για την προβολή του ή εάν αυτός ο υπολογιστής θα έχει καν οθόνη. Ίσως το κείμενο να εμφανιστεί στην οθόνη ενός υπολογιστή που εκτελείται Σύστημα Windowsστο παράθυρο ενός από τα σύγχρονα προγράμματα περιήγησης. Ίσως θα είναι ένα πρόγραμμα περιήγησης κειμένου (δεν έχει δυνατότητα εμφάνισης γραφικών) που θα τρέχει σε MS-DOS. Ίσως το κείμενο του εγγράφου να μην εμφανίζεται καθόλου στην οθόνη, αλλά να αναπαράγεται δυνατά χρησιμοποιώντας μια συσκευή σύνθεσης ομιλίας. Για έναν τυφλό χρήστη, το έγγραφο μπορεί να εμφανιστεί σε ειδική συσκευή σε γραφή Braille. Λόγω της ανάγκης προετοιμασίας εγγράφων για μια τέτοια ποικιλία συσκευών, η HTML δεν προορίζεται να περιγράψει τη μορφή του εγγράφου. Χρησιμεύει για λειτουργική σήμανση εγγράφου,δηλαδή σου επιτρέπει να προσδιορίσεις ραντεβούθραύσματα κειμένου. Για παράδειγμα, εάν υπάρχει μια επικεφαλίδα στο κείμενο, τότε ο κώδικας HTML απλώς υποδεικνύει ότι το αντίστοιχο τμήμα είναι μια επικεφαλίδα. Έχοντας λάβει τέτοιο κωδικό, το ίδιο το πρόγραμμα προβολής (browser) «αποφασίζει» τι θα κάνει με τον τίτλο. Ίσως θα το δείξει περισσότερο μεγάλα γράμματα, ή ίσως να το ευθυγραμμίσετε στο κέντρο της οθόνης. Είναι πιθανό το πρόγραμμα σύνθεσης ομιλίας που αναπαράγει το κείμενο του Εγγράφου να χρησιμοποιεί τον κωδικό κεφαλίδας για να αυξήσει την ένταση και να κάνει την απαραίτητη παύση τονισμού. Η γλώσσα HTML έχει ακόμα κάποιες εντολές μορφοποίησης, αλλά το γενικό μάθημα είναι να διαχωριστεί περιεχόμενοκαι τηρείται αυστηρά η εκτέλεση του εγγράφου. ΣΕ τελευταία έκδοσηΟι εντολές μορφοποίησης HTML (4.0) γενικά δεν συνιστώνται. Οι κωδικοί γλώσσας HTML που χρησιμοποιούνται για τη σήμανση του κειμένου πηγής καλούνται ετικέτες.Μια ετικέτα είναι ένα σύνολο χαρακτήρων. Όλες οι ετικέτες ξεκινούν με σύμβολο μικρότερο από ( <
) και τελειώνουν με σύμβολο μεγαλύτερο από ( >
). Αυτά τα ζευγάρια συμβόλων ονομάζονται μερικές φορές γωνιακοί βραχίονες.Μετά έρχεται ο γωνιακός βραχίονας ανοίγματος λέξη-κλειδί,καθοριστική ετικέτα. Κάθε ετικέτα σε HTML έχει έναν ειδικό σκοπό. Η περίπτωση των γραμμάτων στα ονόματα των ετικετών δεν έχει σημασία—μπορούν να χρησιμοποιηθούν πεζά ή κεφαλαία γράμματα, αν και είναι σύνηθες να χρησιμοποιούνται κεφαλαία γράμματα για να διακρίνουμε τις ετικέτες από το κανονικό κείμενο του εγγράφου. Κατά κανόνα, ένα Ετικέτα HTMLεπηρεάζει μόνο μέρος του εγγράφου, όπως μια παράγραφο. Σε τέτοιες περιπτώσεις, χρησιμοποιούνται ζευγαρωμένες ετικέτες: άνοιγμαΚαι κλείσιμο.Η ετικέτα ανοίγματος δημιουργεί το εφέ και η ετικέτα κλεισίματος τερματίζει το εφέ. Οι ετικέτες κλεισίματος ξεκινούν με κάθετο προς τα εμπρός ( /
). Ορισμένες ετικέτες παρέχουν εφέ εφάπαξ όπου εμφανίζονται. Σε αυτήν την περίπτωση, δεν υπάρχει ανάγκη για ετικέτα κλεισίματος και δεν χρησιμοποιείται. Εάν κατά λάθος μια ετικέτα περιέχει μια λέξη-κλειδί που δεν βρίσκεται σε HTML, η ετικέτα αγνοείται εντελώς. Όταν ένα έγγραφο εμφανίζεται σε ένα πρόγραμμα περιήγησης, οι ίδιες οι ετικέτες δεν εμφανίζονται, αλλά επηρεάζουν τον τρόπο εμφάνισης του εγγράφου. Χαρακτηριστικά ετικέτας Οι ετικέτες ανοίγματος μπορεί συχνά να περιέχουν γνωρίσματα,επηρεάζοντας το εφέ που δημιουργείται από την ετικέτα. Τα χαρακτηριστικά είναι πρόσθετες λέξεις-κλειδιά που διαχωρίζονται από λέξη-κλειδίετικέτα και χωρίζονται μεταξύ τους με κενά. Ορισμένα χαρακτηριστικά απαιτούν προδιαγραφές τιμές χαρακτηριστικών.Αυτή η τιμή διαχωρίζεται από τη λέξη-κλειδί με ένα σύμβολο ίσου ( =
). Η τιμή του χαρακτηριστικού πρέπει να περικλείεται σε εισαγωγικά, αλλά σε πολλές περιπτώσεις τα εισαγωγικά μπορούν να παραληφθούν χωρίς κανένα κακό. Οι ετικέτες κλεισίματος δεν περιέχουν ποτέ χαρακτηριστικά. Σχόλια Στις γλώσσες προγραμματισμού συνηθίζεται να χρησιμοποιούνται σχόλια – γραμμές κειμένου που δεν αποτελούν μέρος του προγράμματος, αλλά χρησιμεύουν για επεξήγηση. Η γλώσσα HTML έχει επίσης αυτή τη δυνατότητα. Τα σχόλια σε HTML ξεκινούν με μια ειδική ετικέτα
. Ένα σχόλιο μπορεί να περιέχει οποιουσδήποτε χαρακτήρες εκτός από τον χαρακτήρα μεγαλύτερο από ( >
), και επομένως δεν μπορεί να περιλαμβάνει ετικέτες. Παραδείγματα ετικετών HTML: Παραδείγματα ζευγαρωμένων ετικετών HTML: ,
,
,
,
,
Παραδείγματα μεμονωμένων ετικετών HTML: Παραδείγματα ετικετών HTML με χαρακτηριστικά:
Δομή εγγράφου HTML Ένα έγγραφο HTML αποτελείται από το σώμα του εγγράφου και τις ετικέτες σήμανσης, οι οποίες, όπως ήδη γνωρίζουμε, είναι σύνολα συνηθισμένων χαρακτήρων. Έτσι ένα έγγραφο HTML είναι ουσιαστικά ένα αρχείο απλού κειμένου. Για να το δημιουργήσετε, μπορείτε να χρησιμοποιήσετε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου, ακόμα και το απλό πρόγραμμα επεξεργασίας Σημειωματάριου που συνοδεύει τα Windows 9x. 1. Όλα τα έγγραφα HTML έχουν μια αυστηρά καθορισμένη δομή. Το έγγραφο πρέπει να ξεκινά με μια ετικέτα
και τελειώνουν με μια κατάλληλη ετικέτα κλεισίματος
. Αυτό το ζεύγος ετικετών λέει στο πρόγραμμα περιήγησης ότι αυτό είναι πράγματι ένα έγγραφο HTML. 2. Το έγγραφο HTML αποτελείται από την ενότητα κεφαλίδωνΚαι σώμα εγγράφου,πηγαίνοντας με αυτή ακριβώς τη σειρά. Το τμήμα κεφαλίδας περικλείεται μεταξύ των ετικετών
Και
και περιέχει πληροφορίες για το έγγραφο στο σύνολό του. Ειδικότερα, αυτή η ενότητα πρέπει να περιέχει ετικέτες 3. Το ίδιο το κείμενο του εγγράφου βρίσκεται στο σώμα του εγγράφου.Το σώμα του εγγράφου βρίσκεται ανάμεσα στις ετικέτες
Και
. Οι τέσσερις ζευγαρωμένες ετικέτες που παρατίθενται ορίζουν τη βασική δομή ενός εγγράφου HTML. Εμφανίζονται (ή υπονοούνται) σε όλα τα έγγραφα HTML. Στην πράξη, είναι δυνατός ο προσδιορισμός της θέσης αυτών των δομικών κύριων ετικετών ακόμα κι αν απουσιάζουν. Επομένως, εάν οι ετικέτες
,
Και
, καθώς και οι αντίστοιχες ετικέτες κλεισίματός τους παραλείπονται, τότε το ίδιο το πρόγραμμα περιήγησης μπορεί να προσδιορίσει το μέρος όπου θα έπρεπε να βρίσκονται. Ετικέτα Το απλούστερο σωστά προετοιμασμένο έγγραφο HTML
<ТIТLЕ>
Λειτουργικές ενότητες του εγγράφου ТIТLЕ>
HTML (Γλώσσα σήμανσης υπερκειμένου)είναι μια γλώσσα σήμανσης κειμένου. Ένα έγγραφο κειμένου που συντάχθηκε με τη βοήθειά του περιέχει όχι μόνο το ίδιο το κείμενο, αλλά και ειδικούς χαρακτήρες - περιγραφείς ή, όπως ονομάζονται επίσης, "ετικέτες", που μεταφέρουν πληροφορίες για διάφορα μέρη του κειμένου - μέγεθος γραμματοσειράς, επισήμανση, χρώμα , και τα λοιπά. Αυτή η γλώσσα αναπτύχθηκε από τον Tim Berners-Lee στα τέλη της δεκαετίας του '80. Η ιδέα της ανάπτυξής του ήταν ώστε άτομα που δεν έχουν γνώσεις προγραμματισμού και διάταξης να μπορούν να ανταλλάσσουν τεχνικές πληροφορίες, κείμενα, πίνακες, οι οποίοι θα εμφανίζονται χωρίς παραμόρφωση σε συσκευές με διαφορετικά τεχνικά χαρακτηριστικά και εξοπλισμό. Δεδομένου ότι οι ετικέτες βασίζονταν σε λέξεις στα αγγλικά, ήταν σχετικά απλό στην εκμάθηση και τη χρήση και σταδιακά κέρδισε δημοτικότητα. Η σήμανση HTML επεξεργάζεται και εμφανίζεται σωστά σε οθόνες και κινητές συσκευές χρησιμοποιώντας ειδικές εφαρμογές που ονομάζονται προγράμματα περιήγησης Διαδικτύου. Στην αρχή, υπήρχαν πολλά ανεπίσημα πρότυπα HTML. Αλλά με την εκθετική επέκταση του Διαδικτύου, οι προγραμματιστές λογισμικού αναγκάστηκαν να καταφύγουν σε γενικά αποδεκτά μέσα μετάδοσης πληροφοριών. Σταδιακά, η γλώσσα HTML απέκτησε νέες δυνατότητες - δημιουργία και εμφάνιση πινάκων και μαθηματικών τύπων. Προστέθηκαν μη τυποποιημένα στοιχεία. Με την εμφάνιση της HTML 4.0, ορισμένα στοιχεία χαρακτηρίστηκαν ως καταργημένα και καταργημένα. Το 1997, η HTML 4 έγινε τυποποιημένη. Η HTML 5 βρίσκεται επί του παρόντος υπό ανάπτυξη. Η επιθυμία των προγραμματιστών είναι να ομαδοποιήσουν μια ενιαία συντακτικά σωστή γλώσσα σήμανσης για τη δομή και την εμφάνιση περιεχομένου στο Διαδίκτυο. Επεκτείνει και βελτιώνει τη σήμανση για έγγραφα και πολύπλοκες εφαρμογές web. Η HTML 5 έχει πολλές δυνατότητες και καινοτομίες που διευκολύνουν την εισαγωγή και τη διαχείριση αντικειμένων πολυμέσων. Για να παρακολουθήσετε βίντεο, δεν χρειάζεται πλέον να χρησιμοποιείτε πρόγραμμα αναπαραγωγής Flash. Σχεδόν όλοι οι ιστότοποι στο Διαδίκτυο δημιουργούνται χρησιμοποιώντας τη γλώσσα σήμανσης HTML. Αλλά η ίδια ιστοσελίδα μπορεί να φαίνεται διαφορετική σε διαφορετικά προγράμματα περιήγησης. Η προδιαγραφή HTML 5 ορίζει σαφείς απαιτήσεις για προγράμματα περιήγησης και έγγραφα. Οι αλγόριθμοι που χρησιμοποιούνται από τα προγράμματα περιήγησης για τη διόρθωση σφαλμάτων βοηθούν στη δημιουργία του σωστού μοντέλου αντικειμένου. Αναμένεται ότι στο μέλλον, χρησιμοποιώντας HTML, θα είναι δυνατές τεχνολογίες όπως η εμφάνιση υπότιτλων κατά την παρακολούθηση βίντεο, η συμπλήρωση ηλεκτρονικών φορμών και ο ορθογραφικός έλεγχος. Αυτή η γλώσσα χρησιμοποιείται σήμερα για τη δημιουργία ιστοσελίδων και χρησιμοποιείται επίσης ευρέως στη σύνταξη κώδικα για συστήματα διαχείρισης περιεχομένου CMS. Εάν αποφασίσετε να δημιουργήσετε έναν ιστότοπο, θα πρέπει να κατέχετε αυτήν τη γλώσσα σήμανσης κειμένου τουλάχιστον σε στοιχειώδες επίπεδο. Για να κάνετε προσαρμογές στον κώδικα του ιστότοπου ή τουλάχιστον να κατανοήσετε τι γράφεται στην ιστοσελίδα του ιστότοπου. Αποκτήστε ένα εξαιρετικό εκπαιδευτικό μάθημα βίντεο δωρεάν.
Ο πίνακας μπορεί να ευθυγραμμιστεί οριζόντια, για παράδειγμα στο κέντρο, χρησιμοποιώντας την ετικέτα <р align=«center»>,
τοποθετημένο μπροστά
.
μπορεί να έχει ιδιότητες:
,
καθορίζει μια σειρά πίνακα. Επόμενη ετικέτα
καθορίζει την επόμενη σειρά του πίνακα. Η ετικέτα τέλους είναι προαιρετική.
καθορίζει ένα κελί πίνακα. Επόμενη ετικέτα
σκηνικά επόμενο κελίτραπέζια. Η ετικέτα τέλους είναι προαιρετική.
:
- καθορίζει το στοιχείο κελιού που είναι η κεφαλίδα του πίνακα. Αυτή η ετικέτα πρέπει να βρίσκεται μέσα σε μια ετικέτα .
Zarolovok 1.
Βασικές έννοιες της γλώσσας html
Γενική δομή ενός απλού εγγράφου html
,
,
, ,
Ο κόσμος των δωρεάν προγραμμάτων και χρήσιμες συμβουλές
2024 whatsappss.ru