Γλώσσα σήμανσης υπερκειμένου (Html)

World Wide Web, ή, το οποίο είναι το ίδιο με το World Wide Web, το WWW είναι το κύριο συστατικό του παγκόσμιου δικτύου υπολογιστών Internet. Έχοντας καταγωγή από τη δεκαετία του '60, το Διαδίκτυο χρησιμοποιείται εδώ και καιρό μόνο από έναν στενό κύκλο ειδικών για την ανταλλαγή πληροφοριών μέσω ηλεκτρονικού ταχυδρομείου. Το δίκτυο ελέγχεται από το λειτουργικό σύστημα UNIX - ήταν κατάλληλο για επιστημονικούς σκοπούς, αλλά η μάλλον περίπλοκη διεπαφή κειμένου UNIX "περιόρισε σημαντικά το εύρος της χρήσης των τεχνολογιών δικτύου. Αυτή η γλώσσα είναι η HTML (HyperText Markup Language).

Ο συγγραφέας του HTML είναι ο Tim Berners-Lee, απόφοιτος της Οξφόρδης, ο οποίος τότε συμβόλαια στη Γενεύη με το Conseil Europeen pour la Recherche Nucleaire (CERN) ως σύμβουλος λογισμικού. Το CERN είναι ένας αρκετά μεγάλος οργανισμός, και ως εκ τούτου, για να περιηγηθεί καλύτερα στη δομή του, να μην αποθηκεύσει στη μνήμη δεδομένα για μεγάλο αριθμό έργων, υπαλλήλων κ.λπ., ο Tim Berners-Lee ανέπτυξε το πρόγραμμα Inquire για προσωπική του χρήση, με βάση τα οποία λίγα χρόνια αργότερα δημιουργήθηκε ένα είδος χώρου πληροφοριών για το εργαστήριο. Το πρόγραμμα Inquire επέτρεψε την πραγματοποίηση της λεγόμενης "μη γραμμικής" αναζήτησης εγγράφων-δηλαδή, μετακίνηση από το ένα έγγραφο στο άλλο χωρίς αναφορά στον πίνακα περιεχομένων ή στο βιβλίο αναφοράς.

Η γλώσσα HTML αποτελεί τη βάση της τεχνολογίας υπερκειμένου. Ένα έγγραφο υπερκειμένου περιέχει τους λεγόμενους υπερσυνδέσμους.

Μια γλώσσα σήμανσης εγγράφων είναι ένα σύνολο ειδικών οδηγιών που ονομάζονται ετικέτες, σχεδιασμένες να σχηματίζουν μια δομή σε έγγραφα και να καθορίζουν σχέσεις μεταξύ διαφόρων στοιχείων αυτής της δομής. Οι ετικέτες γλώσσας ή, όπως ονομάζονται μερικές φορές, περιγραφείς ελέγχου, σε τέτοια έγγραφα κωδικοποιούνται με κάποιο τρόπο, ξεχωρίζουν σε σχέση με το κύριο περιεχόμενο του εγγράφου και χρησιμεύουν ως οδηγίες για το πρόγραμμα που εμφανίζει το περιεχόμενο του εγγράφου στον υπολογιστή -πελάτη πλευρά. Τα πρώτα συστήματα χρησιμοποιούσαν τα σύμβολα "<” и “>», Στο εσωτερικό του οποίου τοποθετήθηκαν τα ονόματα των οδηγιών και οι παράμετροί τους. Τώρα αυτός ο τρόπος ονομασίας ετικετών είναι στάνταρ.

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

Η HTML δεν είναι μια σωστή γλώσσα προγραμματισμού. είναι ένα μέσο περιγραφής της δομής ενός εγγράφου, του στυλ του και των σχέσεών του με άλλα έγγραφα. Για την προβολή εγγράφων Ιστού, χρησιμοποιούνται ειδικά προγράμματα - τα λεγόμενα προγράμματα περιήγησης (αγγλικά: για περιήγηση - 1) βόσκουν, μαζεύουν βλαστούς. 2) διαβάστε, κάντε τυχαία, σε αποσπάσματα.) Στην πραγματικότητα, οι δυνατότητες των προγραμμάτων περιήγησης είναι πολύ ευρύτερες, αλλά προς το παρόν θα περιοριστούμε στον ορισμό τους ως μέσο προβολής εγγράφων ιστού. Είναι τα προγράμματα περιήγησης στα οποία το Διαδίκτυο οφείλει τη δημοτικότητά του.

3. Γλώσσα υπερκειμένου HTML

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

Οι συζευγμένες ετικέτες επισημαίνουν ένα συγκεκριμένο τμήμα υπερκειμένου - "τίτλος", "σώμα" κλπ. Η πρώτη ετικέτα ξεκινά το τμήμα και η δεύτερη το τελειώνει. Σε περιγραφείς που κλείνουν, το όνομα προηγείται με σύμβολο κλάσματος /.

Γενική δομή του υπερκειμένου γραμμένου σε γλώσσα HTML:

υπερκείμενο :: = σώμα τίτλου

τίτλος :: = τίτλος

τίτλος :: = τίτλος

σώμα :: = κείμενο

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

Ο τίτλος του υπερκειμένου πρέπει να περιέχει τον "τίτλο", ο οποίος εμφανίζεται από τα προγράμματα περιήγησης στην επάνω γραμμή της οθόνης του υπολογιστή. Ο τίτλος πρέπει να εκφράζει την κύρια ιδέα της δημοσίευσης (σελίδα). Το υπερκείμενο χωρίς τίτλο είναι σαν ένα άρθρο χωρίς τίτλο.

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

Ένα παράδειγμα υπερκειμένου και το αποτέλεσμα της εμφάνισής του από ένα πρόγραμμα περιήγησης στην οθόνη του υπολογιστή:

Υπερκείμενο: Αποτέλεσμα:

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

Τα μεγέθη των οθονών υπολογιστών έχουν το ακόλουθο φάσμα. Το ελάχιστο μέγεθος οθόνης είναι 640 x 480 εικονοστοιχεία. Επιπλέον, τα τυπικά μεγέθη οθόνης είναι 800 x 600, 1024 x 768 και 1280 x 1024 pixel. Επομένως, μπορείτε να βλέπετε διαφορετικά σε διαφορετικές οθόνες.

Γενική δομή του υπερκειμένου και η εμφάνισή τους σε οθόνη υπολογιστή:

Υπερκείμενο: Αποτέλεσμα:

Το τμήμα κειμένου μπορεί να αποτελείται από γραμμές και παραγράφους με επικεφαλίδες και χωρίς επικεφαλίδες, με λίστες, πίνακες και μενού.

σώμα κειμένου

κείμενο :: = επικεφαλίδα (κείμενο) |

λίστα (κείμενο) |

πίνακας (κείμενο) |

Οι τίτλοι υπερκειμένου διαμορφώνονται ως εξής:

κεφαλίδα :: =

τίτλος

κεφαλίδα :: =

τίτλος

κεφαλίδα :: =

τίτλος

όπου οι ετικέτες H2, ..., h6 ορίζουν το μέγεθος των επικεφαλίδων σε σχέση με το κύριο κείμενο.

Οι παράγραφοι στο υπερκείμενο ξεκινούν με έναν περιγραφέα

υπερκείμενο |

|

Τα διαλείμματα γραμμών και οι παράγραφοι υποδεικνύονται από τη λαβή ... Το τέλος της παραγράφου p> είναι προαιρετικό, αλλά απαιτείται όταν χρησιμοποιούνται παράμετροι στον περιγραφέα παραγράφων.

Η κύρια παράμετρος των παραγράφων - ευθυγράμμιση - ευθυγράμμιση κειμένων στην οθόνη του υπολογιστή. Η ευθυγράμμιση των κειμένων πραγματοποιείται από προγράμματα περιήγησης αυτόματα σύμφωνα με το μέγεθος της οθόνης του υπολογιστή:

στοίχιση = κέντρο- κέντρο της οθόνης:

ευθυγράμμιση = αριστερά- προς τα αριστερά.

ευθυγράμμιση = δεξιά - προς τα δεξιά.

ευθυγράμμιση = δικαιολογία - πλήρης οθόνη.

Για να ευθυγραμμίσετε τις παραγράφους, πρέπει να επιλέξετε ένα ενιαίο γενικό στυλ, το οποίο πρέπει να εφαρμόζεται σε όλους σε όλο το υπερκείμενο στον ιστότοπο.

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

Για να επισημάνετε λέξεις στο υπερκείμενο, μπορείτε να χρησιμοποιήσετε έντονη γραφή ή υπογράμμιση με τις ακόλουθες ετικέτες:

Μεγάλοι χαρακτήρες

έντονη γραμματοσειρά

πλάγια i>

υπογραμμίζω

διαστρωμάτωση

μικροί χαρακτήρες

Η επιλογή γραμματοσειράς στο υπερκείμενο καθορίζεται από την ετικέτα : fonts :: = font font>

Παράμετροι γραμματοσειράς - το μέγεθος και ο τύπος τους. Τα μεγέθη γραμματοσειρών ορίζονται από την παράμετρο size = size.

Το μέγεθος υποδεικνύεται ρητά από 1 έως 6, είτε με τη μορφή αύξησης +1, +2 ή μείωσης - 1, - 2.

Ο τύπος γραμματοσειράς ορίζεται από την παράμετρο

πρόσωπο = γραμματοσειρά

Εδώ η γραμματοσειρά είναι μία από τις τυπικές γραμματοσειρές: Times, Courier κ.λπ.

Το χρώμα της γραμματοσειράς καθορίζεται από την παράμετρο χρώμα = χρώμα, όπου χρώμα είναι το χρώμα του επιλεγμένου τμήματος υπερκειμένου. Για παράδειγμα - επισήμανση κειμένου με κόκκινο χρώμα:

γραμματοσειρά κειμένου>

Τυπικά ονόματα χρωμάτων στη γλώσσα НТМL:

κόκκινο - κόκκινο, πράσινο - πράσινο, μπλε - μπλε, μαύρο -μαύρο,

λευκό - λευκό, χρυσό - χρυσό, κίτρινο -κίτρινο κ.λπ.

Για το σχεδιασμό του υπερκειμένου, είναι καλύτερο να λάβετε ως δείγμα ένα καλό βιβλίο ή περιοδικό που έχει εκδοθεί από έναν επαγγελματικό εκδοτικό οίκο ή ένα επαγγελματικά σχεδιασμένο ηλεκτρονικό βιβλίο, εφημερίδα ή ιστότοπο στο Διαδίκτυο.

Ένα ομοιόμορφο στυλ σχεδίασης είναι μια σημαντική ιδιότητα κάθε δημοσίευσης σε βιβλία, περιοδικά και ιστότοπους. Στο μέλλον, είναι καλύτερο να τηρείτε το αποδεκτό πρότυπο και το στυλ σχεδιασμού για ολόκληρη την περίοδο δημιουργίας και συντήρησης του ιστότοπου.

Τμήματα υπερκειμένου μπορούν να τοποθετηθούν στον ίδιο ιστότοπο ή σε πολλούς ιστότοπους ή ακόμη και σε πολλούς διακομιστές. Οι εξωτερικοί υπερσύνδεσμοι υποδεικνύουν τα ονόματα των αντίστοιχων αρχείων στον ιστότοπο, στον διακομιστή ή στο Διαδίκτυο:

Γενική μορφή εξωτερικών υπερσυνδέσεων:

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

Παραδείγματα εξωτερικών υπερσυνδέσεων:

α) διεύθυνση ιστότοπου στο Διαδίκτυο:

http: // bak2.nagod.gu

β) διεύθυνση σελίδας στον ιστότοπο:

http: // bak2.nagod.gu / inrogl.html.

γ) τη διεύθυνση της σελίδας στο φάκελο της τοποθεσίας ·

http: // bak2.nagod.gu / tests / test2.html.

δοκιμές 2 a>

Με τη βοήθεια της συσκευής υπερσυνδέσεων στους ιστότοπους, οργανώνεται η τοποθέτηση όλων των σχεδίων, φωτογραφιών και άλλων γραφικών απεικονίσεων. Για αυτό, όλα τα αρχεία με γραφικές απεικονίσεις είναι προ-καταγεγραμμένα στον ιστότοπο.

Τα αρχεία γραφικών βρίσκονται συνήθως σε ιστότοπους και σε ξεχωριστό φάκελο με το όνομα image. Η φόρτωση των απεικονίσεων στις οθόνες των υπολογιστών χρήστη πραγματοποιείται από προγράμματα περιήγησης με τη βοήθεια χειριστών :

Η γενική μορφή τελεστών για τη φόρτωση γραφικών απεικονίσεων:

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

Οι εικόνες μπορούν να πατηθούν στο επάνω ή στο κάτω άκρο της οθόνης, το οποίο ορίζεται από τις παραμέτρους: στοίχιση = επάνω - στο επάνω άκρο, στοίχιση = κάτω - στο κάτω άκρο της οθόνης ή ευθυγράμμιση στη μέση της οθόνης - στοίχιση = μέση.

Για να τοποθετήσετε τις εικόνες στην οθόνη του υπολογιστή, το πλάτος και το ύψος τους μπορούν να υποδειχθούν στο χειριστή φόρτωσης:

ύψος: = ύψος = "ύψος"

πλάτος: = πλάτος = "μήκος"

Τα μεγέθη των εικονογραφήσεων καθορίζονται από τον αριθμό των σημείων στην οθόνη (σε εικονοστοιχεία) ή ως ποσοστό του ύψους ή του πλάτους της οθόνης του υπολογιστή. Στην τελευταία περίπτωση, οι εικόνες θα έχουν διαφορετικά μεγέθη σε διαφορετικές οθόνες. Έχοντας υπολογίσει τη θέση των εικονογραφήσεων για οθόνες ελάχιστου μεγέθους, μπορείτε να είστε σίγουροι για την τοποθέτησή τους σε οθόνες οποιουδήποτε άλλου μεγέθους.

Τα μεγέθη των εικόνων συνήθως επιλέγονται έτσι ώστε να είναι ορατά στο σύνολό τους ακόμη και σε οθόνες υπολογιστών με ελάχιστο μέγεθος. Εάν ο γερανός του υπολογιστή είναι μεγαλύτερος, οι εικόνες θα καταλαμβάνουν μόνο ένα μέρος του.

Οι λίστες υπερκειμένου είναι λίστες με αρίθμηση ή επισήμανση των στοιχείων λίστας. Όλα τα στοιχεία ξεκινούν με ετικέτες

... Οι αριθμημένες λίστες ξεκινούν με την ετικέτα

και τελειώνει με την ετικέτα

... Οι μη αριθμημένες λίστες οριοθετούνται με ετικέτες.

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

συμπέρασμα

Η HTML είναι μια γλώσσα σήμανσης υπερκειμένου.

Όλα τα τοποθετημένα αρχεία πρέπει να είναι υπερκειμένου, γραμμένα σε μορφή HTML και με αναγνωριστικά όπως.html.

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

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

Βασικοί κανόνες για στοιχεία φωλιάσματος:

Τα στοιχεία δεν πρέπει να επικαλύπτονται.

Τα στοιχεία μπλοκ μπορούν να περιέχουν ένθετα μπλοκ και στοιχεία κειμένου.

Τα στοιχεία κειμένου μπορούν να περιέχουν ένθετα στοιχεία κειμένου.

Τα στοιχεία κειμένου δεν μπορούν να περιέχουν ένθετα στοιχεία μπλοκ.

Αυστηρά μιλώντας, όλοι οι κανόνες της γλώσσας HTML. μπορεί να θεωρηθεί αποκλειστικά ως "ευχές". Το εργαλείο που χρησιμοποιείται για την απόδοση του εγγράφου Web θα κάνει ό, τι καλύτερο μπορεί για να ερμηνεύσει τη σήμανση με τον πιο λογικό τρόπο. Ωστόσο, μόνο η αυστηρή τήρηση των απαιτήσεων των προδιαγραφών γλώσσας εγγυάται τη σωστή αναπαραγωγή του εγγράφου.

Βιβλιογραφία

«Οικονομική Πληροφορική» / Κάτω. εκδ. P.V. Konyukhovsky και D.N. Kolesova, Αγία Πετρούπολη: Πέτρος, 2000, 560.

Kaimin VA, "Πληροφορική", εγχειρίδιο. 4η έκδ. Μ.:, 2003-285s.

"Πληροφορική", βασικό μάθημα, 2η έκδοση / Κάτω. εκδ. S.V. Σιμόνοβιτς, Πετρούπολη: 2003, 640.

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

Η γλώσσα σήμανσης υπερκειμένου HTML προτάθηκε από τον Tim Berners-Lee το 1989. Κατά τη δημιουργία της HTML, υπήρχε ένα πρότυπο για τη γλώσσα σήμανσης για τυπωμένα έγγραφα - SGML (Standard Generalized Markup Language), το οποίο ελήφθη ως βάση της HTML. Θεωρήθηκε ότι μια τέτοια λύση θα βοηθούσε στη χρήση του υπάρχοντος λογισμικού για την ερμηνεία της νέας γλώσσας.

Ως στοιχείο της βάσης δεδομένων υπερκειμένου για HTML, επιλέχθηκε ένα απλό αρχείο κειμένου, το οποίο αποθηκεύεται μέσω του συστήματος αρχείων του λειτουργικού περιβάλλοντος.

Έτσι, μια βάση δεδομένων υπερκειμένου στην έννοια του WWW είναι ένα σύνολο αρχείων κειμένου γραμμένων σε HTML, το οποίο ορίζει:

Μορφή παρουσίασης πληροφοριών (σήμανση).

Η δομή των συνδέσμων μεταξύ αρχείων (σύνδεσμοι υπερκειμένου). Αυτή η προσέγγιση προϋποθέτει την παρουσία ενός ακόμη στοιχείου

τεχνολογία - διερμηνέας γλώσσας. Στο WWW, οι λειτουργίες διερμηνέα χωρίζονται μεταξύ του διακομιστή βάσης δεδομένων υπερκειμένου και της διεπαφής χρήστη. Ο διακομιστής, εκτός από την πρόσβαση σε έγγραφα και την επεξεργασία συνδέσμων υπερκειμένου, πραγματοποιεί επίσης προεπεξεργασία εγγράφων, ενώ η διεπαφή χρήστη ερμηνεύει γλωσσικές κατασκευές που σχετίζονται με την παρουσίαση πληροφοριών.

Το 1990. υπήρχε μηδενική έκδοση HTML 0.

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

Οι προβλέψεις αποτελούν τη ραχοκοκαλιά οποιουδήποτε συστήματος συναλλαγών, οπότε οι καλά σχεδιασμένες προβλέψεις μπορούν να σας κάνουν πλούσιους.

Η δεύτερη έκδοση (HTML 2.0) καθόρισε την πρακτική της χρήσης γλωσσικών κατασκευών και έγινε το πρότυπο για την κατασκευή του WWW.

Η έκδοση ++ του HTML ++ εισήγαγε νέες δυνατότητες για την παρουσίαση επιστημονικών πληροφοριών και πινάκων και τη βελτίωση του στυλ διάταξης κειμένου και εικόνων.

Η τρίτη έκδοση (HTML 3.0) απλοποίησε όλες τις καινοτομίες και επισημοποίησε τη διεπαφή χρήστη του κατανεμημένου συστήματος υπερκειμένου.

Το 1996. κυκλοφόρησε μια νέα έκδοση της γλώσσας: HTML 3.2, η οποία περιλαμβάνει εργαλεία για τη δημιουργία πινάκων, κατασκευές γλώσσας Java, χάρτες εικόνας (που βρίσκονται στο μηχάνημα -πελάτη) και νέους τύπους μορφοποίησης κειμένου.

Η HTML είναι μια γλώσσα βασισμένη σε κείμενο στην οποία οι οδηγίες μορφοποίησης, που ονομάζονται ετικέτες, είναι ενσωματωμένες στο κείμενο ενός εγγράφου.

Η διαδικασία δημιουργίας ενός εγγράφου HTML συνίσταται στην προσθήκη ετικετών μέσα σε μη μορφοποιημένο κείμενο που φέρει ενημερωτικό φορτίο.

Οι ετικέτες HTML είναι ακολουθίες χαρακτήρων που ξεκινούν με ένα σύμβολο λιγότερο από<) и заканчивающиеся знаком “больше” (>).

Οι περισσότερες από τις λειτουργίες μορφοποίησης σε HTML καθορίζουν λογικά και όχι φυσικά στυλ. Για παράδειγμα, οι ετικέτες επικεφαλίδας, οι οποίες συνήθως υποδεικνύουν μεγαλύτερα μεγέθη γραμμάτων, δεν υποδεικνύουν ποιο μέγεθος θα χρησιμοποιηθούν. Το πρόγραμμα περιήγησης (το οποίο λειτουργεί ως πρόγραμμα -πελάτη) επιλέγει μεγαλύτερο μέγεθος κειμένου για τις επικεφαλίδες. Αυτή η προσέγγιση σάς επιτρέπει να απαλλαγείτε από την πλατφόρμα - ένα έγγραφο που δημιουργήθηκε σε Macintosh μπορεί να χρησιμοποιηθεί από το UNIX ή τα Windows. Το μειονέκτημα είναι ότι το έγγραφο φαίνεται διαφορετικό σε διαφορετικές πλατφόρμες.

Τα προγράμματα περιήγησης WWW λειτουργούν σύμφωνα με τους ακόλουθους κανόνες κατά την ανάλυση προτάσεων HTML:

Τα διαστήματα και άλλοι "αόρατοι" χαρακτήρες αγνοούνται.

Όλες οι ετικέτες μπορούν να χωριστούν σε ομάδες: βασικές ετικέτες, ετικέτες μορφοποίησης, ετικέτες δομής, δείκτες κ.λπ.

Οι ετικέτες μορφοποίησης μπορούν να γραφτούν με πεζά ή / και κεφαλαία γράμματα.

Οι περισσότερες ετικέτες μορφοποίησης γράφονται σε ζεύγη. Μια ετικέτα ανοίγματος ενεργοποιεί το εφέ και μια ετικέτα κλεισίματος το απενεργοποιεί. Ένα ζευγάρι ετικετών αναφέρεται μερικές φορές ως κοντέινερ επειδή το εφέ που ενεργοποιούν και απενεργοποιούνται εμφανίζεται στο κείμενο μέσα τους. Για παράδειγμα, για να υποδείξει ότι μια συμβολοσειρά πρέπει να τυπωθεί με έντονους χαρακτήρες, θα έγραφε:< B >Αυτή η γραμμή θα εκτυπωθεί με έντονο κείμενο

Το κείμενο μέσα σε μια τελική ετικέτα προηγείται πάντοτε από έναν χαρακτήρα ανάστροφης αναστολής. Μεταξύ των βασικών ετικετών HTML, οι εξαιρέσεις από αυτόν τον κανόνα είναι:< BASE >(Βασικές πληροφορίες),< BR >(τέλος γραμμής),< HR >(οριζόντιος χάρακας), και< IMG >(εικόνα). Αυτές οι ετικέτες υπάρχουν σε ένα μόνο αντίγραφο.

Κάθε έγγραφο HTML έχει ετικέτες περιγράμματος:< HTML >και... Αυτό το ζεύγος ετικετών περιέχει όλες τις άλλες ετικέτες της ιστοσελίδας και όλο το περιεχόμενο πληροφοριών του εγγράφου. Στην πραγματικότητα, δηλώνουν ότι όλο το περιεχόμενο του κοντέινερ είναι κώδικας HTML. Ετικέτα< HTML >πρέπει να βρίσκεται στην πρώτη γραμμή του αρχείου και η ετικέτα- στο τελευταίο.

Κάθε έγγραφο HTML περιέχει τον τίτλο του εγγράφου και το σώμα του.

Ο τίτλος του εγγράφου προσδιορίζει το έγγραφο. Θα πρέπει να πάει αμέσως μετά την ετικέτα< HTML >και ξεκινήστε με< HEAD >... Ο τίτλος τελειώνει με μια ετικέτα.

Ο τίτλος του εγγράφου πρέπει να περιέχει τον τίτλο του εγγράφου και τη βασική διεύθυνση URL του.

Το όνομα του εγγράφου βρίσκεται ανάμεσα στις ετικέτες< TITLE >και... Χρησιμοποιείται από το πρόγραμμα περιήγησης και τον διακομιστή ιστού. Το όνομα δεν πρέπει να υπερβαίνει τους 40 χαρακτήρες. Ο τίτλος του εγγράφου πρέπει να είναι ενημερωτικός, να αντικατοπτρίζει το περιεχόμενο του εγγράφου, ώστε να μπορεί να αναγνωριστεί. Το όνομα εμφανίζεται στη γραμμή τίτλου του Internet Explorer, στις λίστες Ιστορικού και στα Αγαπημένα.

Η βασική διεύθυνση URL πρέπει να είναι πλήρως αναγνωρισμένη (απόλυτη) και να περιέχει το πρωτόκολλο, τη διεύθυνση Διαδικτύου και το όνομα αρχείου. Αναγράφεται στην ετικέτα< BASE HREF = “базовый_URL”>... Όλες οι άλλες διευθύνσεις URL στο έγγραφο μπορεί να είναι σχετικές με τις βασικές. Για παράδειγμα, εάν η βασική διεύθυνση URL είναι: http://www.microsoft.com/products/office/word/datasheets.htmlκαι πρέπει να καθορίσετε τη διεύθυνση URL των δυνατοτήτων. html που βρίσκεται στον κατάλογο / products / office / excel στον ίδιο διακομιστή, μπορείτε να καθορίσετε: ../ excel / χαρακτηριστικά. html αντί να πληκτρολογήσετε το πλήρες URL.

Σύμβολα. ./ υποδεικνύουν ότι θέλετε να ανεβείτε ένα επίπεδο καταλόγου από τη διεύθυνση βάσης.

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

Σώμα εγγράφουπεριέχει όλο το κείμενο που περιέχει πληροφορίες και όλες τις ετικέτες HTML που χρησιμοποιούνται για τη μορφοποίηση του κειμένου. Το σώμα του εγγράφου ξεκινά αμέσως μετά την επικεφαλίδα και οριοθετείται με ετικέτες< BODY >και.

Παράδειγμα εγγράφου HTML:

< TITLE >Όνομα εγγράφου

< BASE HREF = “базовый_URL” >

Οι ετικέτες που χρησιμοποιούνται στο σώμα του εγγράφου σας επιτρέπουν να καθορίσετε τα ακόλουθα στοιχεία σήμανσης κειμένου:

Αρχή της παραγράφου και τέλος της γραμμής

Στυλ επικεφαλίδας

Φυσικά στυλ -Λογικά στυλ

Ειδικά σύμβολα.

Σύνδεσμοι υπερκειμένουαποτελείται από δύο μέρη: έναν δείκτη και μια διεύθυνση URL. Ένας δείκτης είναι κείμενο στο οποίο πρέπει να κάνει κλικ ο χρήστης για να μετακινηθεί κάπου. Το URL καθορίζει τη διεύθυνση από την οποία το πρόγραμμα περιήγησης θα κατεβάσει το έγγραφο όταν ο χρήστης κάνει κλικ στον δείκτη.

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

Κάθε κείμενο μπορεί να χρησιμοποιηθεί ως ευρετήριο, ανεξάρτητα από το μέγεθος και τις δυνατότητες μορφοποίησης. Ένα ευρετήριο μπορεί να αποτελείται από πολλά γράμματα, λέξεις ή ακόμη και γραμμές κειμένου.

Μορφή δείκτη:

< A HREF = “ URL ”>κείμενο ευρετηρίου ,

πού είναι το γράμμα Α στην ετικέτα< A HREF >σημαίνει άγκυρα και HREF σημαίνει Hypertext REFerence. Όλα μεταξύ ετικετών< A HREF = “ URL ”>καιείναι το κείμενο ευρετηρίου που εμφανίζεται με υπογραμμισμένο ή έντονο χαρακτήρα.

Άλλοι κωδικοί μορφοποίησης μπορούν να χρησιμοποιηθούν σε συνδυασμό με δείκτες υπερκειμένου. Για παράδειγμα:

< A HREF = “ URL ”> < I > ή

< I > < A HREF = “ URL ”>Προχωράμε σε μια πιο λεπτομερή παρουσίαση

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

• Η συντομογραφία HTML σημαίνει Ηυπέρ Τεσωτ Μ arkup μεγάλο anguage (γλώσσα σήμανσης υπερκειμένου).
• Θυμηθείτε, δεν είναι γλώσσα προγραμματισμού, είναι γλώσσα σήμανσης.
• HTML χρησιμοποιεί ετικέτεςσήμανση για να περιγράψει τη δομή της ιστοσελίδας.

Ετικέτες:

Οι ετικέτες HTML είναι λέξεις -κλειδιά ή χαρακτήρες που περικλείονται σε αγκύλες, για παράδειγμα ,

,

και τα λοιπά. Υπάρχουν δύο τύποι ετικετών: ζευγαρωμένοκαι μονόκλινο(λέγονται και κενές). Οι αντιστοιχισμένες ετικέτες αποτελούνται από μια ετικέτα έναρξης και λήξης, για παράδειγμα :. Το "/" μετά τη γωνιακή αγκύλη υποδεικνύει ότι η ετικέτα κλείνει. Οι μεμονωμένες ετικέτες αποτελούνται μόνο από μια ετικέτα έναρξης, για παράδειγμα:
... Οι ετικέτες δεν έχουν διάκριση πεζών -κεφαλαίων, επομένως μπορούν να γραφτούν με κεφαλαία και πεζά γράμματα:

Σημαίνει το ίδιο με το

Οι ετικέτες καθορίζουν πού αρχίζει και τελειώνει το στοιχείο HTML.

Με τη βοήθεια ετικετών, το πρόγραμμα περιήγησης αναγνωρίζει τη δομή και τη σημασία του κειμένου σας, για παράδειγμα, λέει στο πρόγραμμα περιήγησης ποιο μέρος του κειμένου είναι μια επικεφαλίδα, πού ξεκινά μια νέα παράγραφος, τι να υπογραμμίσει και πού να τοποθετήσει την εικόνα (εικόνα ). Μετά τη λήψη αυτών των πληροφοριών, το πρόγραμμα περιήγησης χρησιμοποιεί τους ενσωματωμένους προεπιλεγμένους κανόνες για τον τρόπο εμφάνισης καθενός από αυτά τα στοιχεία.

Σημείωση: Στην αναφορά HTML μας, μπορείτε να δείτε τα προεπιλεγμένα στυλ για οποιαδήποτε ετικέτα που σας ενδιαφέρει.

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

Έτσι φαίνεται μια σελίδα που χρησιμοποιεί ετικέτες για σήμανση:

Ποτά στο καφέ μας

Πολύχρωμο - 100 τρίψιμο.

Ένα φρουτώδες ποτό που περιέχει χυμούς πορτοκαλιού και ανανά.

Κοκτέιλ γάλακτος - 150r.

Κρεμώδες παγωτό αναμεμειγμένο με πολτό φρούτων.

Το ίδιο, αλλά χωρίς τη χρήση ετικετών:

Ποτά στο καφέ μας Multifruit - 100 ρούβλια. Ένα φρουτώδες ρόφημα που περιέχει χυμούς πορτοκαλιού και ανανά. Κοκτέιλ γάλακτος - 150r. Κρεμώδες παγωτό αναμεμειγμένο με πολτό φρούτων.

Συνεχίζουμε τη σειρά άρθρων σχετικά με τα βασικά των γλωσσών ιστού και τις εξελίξεις σε αυτόν τον τομέα. Προηγουμένως, καλύψαμε τα βασικά της γλώσσας υπερκειμένου HTML, τα χαρακτηριστικά και τις μεθόδους σήμανσης κειμένου (ετικέτες).

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

Η γλώσσα προγραμματισμού HTML5 (από τα αγγλικά HyperText Markup Language) είναι η πέμπτη έκδοση της γλώσσας. Όπως όλες οι προηγούμενες εκδόσεις, έχει σχεδιαστεί για να δημιουργήσει τη δομή των εγγράφων και να τα παρουσιάσει στο δίκτυο. Η έκδοση HTML5 βρίσκεται υπό ανάπτυξη. Ο στόχος που επιδιώκει η δημιουργία της πέμπτης έκδοσης του HTML είναι η βελτίωση της γλώσσας στον τομέα της εργασίας της με έγγραφα πολυμέσων (εφαρμογές ήχου και βίντεο).

Προσθέτοντας κάποιες συντακτικές καινοτομίες όπως π.χ.

,

,