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

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

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

Ολόκληρο το έγγραφο HTML περιβάλλεται από δύο ετικέτες … . Όπως μπορείτε να δείτε είναι ζευγαρωμένα. Επιπλέον, το έγγραφο HTML πρέπει να περιέχει μια ενιαία ετικέτα επικύρωσηςυποδεικνύοντας τον τύπο του τρέχοντος εγγράφου.

Η HTML 4 έχει τρεις επικυρωτές, η HTML 5 έχει έναν επικυρωτή. Η δομή της ετικέτας HTML 5 είναι η εξής:

Παραδείγματα:

• για έγγραφα HTML 4.
• ενιαία για όλα τα έγγραφα HTML5.

Δομή εγγράφου HTML

Ένα έγγραφο HTML αποτελείται από μια κεφαλίδα και ένα σώμα. Ο τίτλος πλαισιώνεται με ετικέτες … . Το σώμα του εγγράφου πλαισιώνεται με ζευγαρωμένες ετικέτες …

.

Παράδειγμα:Το βασικό πλαίσιο ενός εγγράφου HTML 5 πρέπει να έχει την ακόλουθη δομή:

Εδώ είναι ένα μέρος για έναν τίτλο Εδώ είναι το κείμενο του εγγράφου

Δομή κεφαλίδας

Επικεφαλίδα … , περιλαμβάνει πολλές ειδικές ετικέτες. Οι κυριότερες είναι ετικέτες: Και .

ετικέτα τίτλου

Αυτός είναι ο τίτλος του εγγράφου, που εμφανίζεται στο τμήμα τίτλου της σελίδας.

μετα-ετικέτα

Meta tag, ή μάλλον meta tags, γιατί μπορεί να υπάρχουν πολλές τέτοιες ετικέτες σε ένα έγγραφο. περιέχει ειδικές πληροφορίες. Για παράδειγμα, πρέπει να υπάρχει μια μετα-ετικέτα που να υποδεικνύει την κωδικοποίηση του εγγράφου:

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

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

Παράδειγμα ιστοσελίδας σε HTML

Ακολουθεί μια βασική ιστοσελίδα HTML:

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

Η εκμάθηση των βασικών στοιχείων της HTML είναι αδύνατη χωρίς τη μελέτη και τη χρήση ειδικών επεξεργαστών κειμένου. Επειδή πρέπει να πληκτρολογήσετε οποιοδήποτε κείμενο σε μια σελίδα HTML μόνο σε ένα πρόγραμμα επεξεργασίας κειμένου όπως: NotePad++, Sublime Text2, κ.λπ. Αφού πληκτρολογήσετε το έγγραφο, πρέπει να το αποθηκεύσετε με την επέκταση htm ή html. Ανοίγουμε το αρχείο που δημιουργήθηκε σε οποιοδήποτε πρόγραμμα περιήγησης χρησιμοποιείτε.

Δομή σώματος εγγράφου

Κείμενο στο έγγραφο (σε ετικέτες

) αναλύεται επίσης σε τίτλους και μέρη ανά ετικέτες.

Ετικέτες επικεφαλίδων και παραγράφων

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

Οι επικεφαλίδες των ενοτήτων του κειμένου επισημαίνονται με ετικέτες

,

,

, πριν

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

Παράδειγμα χρήσης ετικετών

Μια παράγραφος από την αγαπημένη μου ιστοσελίδα

h1 Κατηγορία προϊόντος

h2 Κατηγορία προϊόντος

h3 Κατηγορία προϊόντος

h4 Κατηγορία προϊόντος

h5 Κατηγορία προϊόντος

h6 Κατηγορία προϊόντος

Χαρακτηριστικά ετικέτας

Ένα από τα κύρια χαρακτηριστικά των ετικετών είναι ένα χαρακτηριστικό μορφοποίησης που ονομάζεται align. στοίχιση τιμής χαρακτηριστικού:

• αριστερά – ευθυγράμμιση προς τα αριστερά,
• κέντρο – ευθυγράμμιση στο κέντρο,
• δεξιά – ευθυγράμμιση προς τα δεξιά,
• δικαιολογεί – συμμετρική ευθυγράμμιση κατά μήκος δύο άκρων.

Παράδειγμα:

Η αγαπημένη μου ιστοσελίδα

h1 Προϊόν

h2 Προϊόν

h3 Προϊόν

Αυτή η μορφοποίηση ονομάζεται φυσική και είναι βασικά ξεπερασμένη. Για μορφοποίηση, είναι καλύτερο και συνιστάται να χρησιμοποιείτε Cascading Style Sheets (CSS).

Κονίστρα

Το σύγχρονο πρότυπο HTML προβλέπει τη δημιουργία τριών κύριων τύπων λιστών:

• Μη διατεταγμένες λίστες.
• Αριθμημένες λίστες (διατεταγμένη λίστα).
• Λίστα ορισμών.

Ας δούμε κάθε τύπο λίστας.

Λίστες με κουκκίδες

Οι λίστες με κουκκίδες καθορίζονται από ετικέτες (μη ταξινομημένη λίστα). Οι ετικέτες χρησιμοποιούνται για τη δημιουργία κάθε στοιχείου λίστας Και(Λίστα προϊόντων).

Παράδειγμα:

• Προϊόν 1 από τη λίστα προϊόντων
• Προϊόν 2 από τη λίστα προϊόντων
• Προϊόν 3 από τη λίστα προϊόντων

Μπορείτε να τοποθετήσετε ετικέτες τίτλου στη λίστα:

Τίτλος λίστας

• Προϊόν 1 από τη λίστα προϊόντων
• Προϊόν 2 από τη λίστα προϊόντων
• Προϊόν 3 από τη λίστα προϊόντων

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

• Προϊόν 1 από τη λίστα
• Προϊόν 2 από τη λίστα
• Προϊόν 3 από τη λίστα

Αριθμημένες λίστες

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

Οι αριθμημένες λίστες χρησιμοποιούν πέντε χαρακτηριστικά:

1-Αραβικοί αριθμοί. i- Ρωμαϊκοί πεζοί αριθμοί. I - Ρωμαϊκοί κεφαλαίοι αριθμοί. α-Λατινικά μικρά γράμματα. Α-Λατινικά κεφαλαία γράμματα.

Παράδειγμα αριθμημένης λίστας.

Λίστα προϊόντων αριθμημένη

1. Προϊόν 1 από τη λίστα
2. Προϊόν 2 από τη λίστα
3. Προϊόν 3 από τη λίστα

Παράδειγμα αριθμημένης λίστας με λατινικούς δείκτες μικρών γραμμάτων:

1. Προϊόν 1 από τη λίστα
2. Προϊόν 2 από τη λίστα
3. Προϊόν 3 από τη λίστα

Κατάλογοι ορισμών

Για τη δημιουργία λιστών του τύπου ορισμού όρου, χρησιμοποιούνται ετικέτες

…

(λίστα ορισμού) και

…

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

, και ο ορισμός (επεξήγηση) του όρου περιέχεται στη ζευγαρωμένη ετικέτα

.

Παράδειγμα:

Επικεφαλίδα

Όρος 1

Επεξήγηση του όρου 1

Όρος 2

Επεξήγηση του όρου 2

Λίστες ένθεσης

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

Παράδειγμα ένθετων λιστών:

Ένθετες λίστες

• Προϊόντα ενότητα 1
1. Ενότητα προϊόντων 1.1
2. Ενότητα προϊόντων 1.2
• Προϊόντα ενότητα 2
1. Ενότητα προϊόντων 2.1
2. Ενότητα προϊόντων 2.2
3. Ενότητα προϊόντων 2.3
• Προϊόντα ενότητα 3
1. Ενότητα προϊόντων 3.1

Πίνακες σε HTML

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

Δομή πίνακα:

//- ζευγαρωμένες ετικέτες επιτραπέζιου κοντέινερ;// //κοντέινερ για τη δημιουργία μιας σειράς πίνακα// , το οποίο θα πρέπει να βρίσκεται μέσα στην ετικέτα //

//ετικέτα για τη δημιουργία ενός κελιού πίνακα. Αυτή η ετικέτα πρέπει να βρίσκεται μέσα στο κοντέινερ

• Περίγραμμα – πλαίσιο πλάτους 2 px.
• Cellpadding—απόσταση μεταξύ των εξωτερικών ορίων των κελιών πίνακα.
• Το διάστημα κελιών είναι η απόσταση μεταξύ των εξωτερικών ορίων των κελιών του πίνακα.
• Ύψος - ύψος τραπεζιού.
• Πλάτος - πλάτος τραπεζιού.
• Λεζάντα - ετικέτα για τη δημιουργία τίτλου πίνακα, μπορεί να τοποθετηθεί μόνο μέσα στο κοντέινερ .

  Παράδειγμα πίνακα:

  Απλό τραπέζι

  1-1	1-2	1-3
  2-1	2-2	2-3

  ετικέτες colspan και rowspan
  σχεδιασμένο να συνδυάζει κύτταρα :

  Κελιά 1.1 και 1.2		Κύτταρο 1.3
  Κελί 2.1	Κελί 2.2	Κελί 2.3
  Κύτταρα 3.1 - 3.3

  
  
  

  Υπερσυνδέσεις

  Το κύριο χαρακτηριστικό αυτής της ετικέτας είναι href. Αυτή η ετικέτα περιέχει τη διεύθυνση του πόρου στον οποίο οδηγεί ο σύνδεσμος. Το κείμενο του συνδέσμου είναι γραμμένο μέσα στην ετικέτα κοντέινερ.

  Αγκυρα

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

  Σύνδεσμος στο Anchor 3 στο Document 009

  Εικόνες ως σύνδεσμοι

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

  

  

  Αυτό είναι όλο! Φυσικά, τα βασικά της HTML δεν καλύπτουν όλα τα χαρακτηριστικά αυτής της γλώσσας, αλλά δίνουν μια ιδέα για το σχηματισμό ενός εγγράφου HTML.

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

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

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

  Η γενική δομή των υπερκειμένων γραμμένων σε HTML:

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

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

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

  body::= κείμενο

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

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

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

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

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

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

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

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

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

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

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

  text::= τίτλος ( κείμενο ) |

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

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

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

  τίτλος::=

  Ονομα

  τίτλος::=

  Ονομα

  τίτλος::=

  Ονομα

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

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

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

  |

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

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

  align=center - στο κέντρο της οθόνης:

  align=left- στην αριστερή άκρη.

  align=δεξιά - στη δεξιά άκρη.

  align=justify - πλήρης οθόνη.

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

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

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

  Μεγάλα σύμβολα

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

  πλάγια γράμματα i>

  υπογραμμίζοντας

  διασταύρωση

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  Η γενική μορφή των εξωτερικών υπερσυνδέσμων είναι:

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

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

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

  http://bak2.nagod.gu

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

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

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

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

  τεστ 2 α>

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

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

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

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

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

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

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

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

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

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

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

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

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

  συμπέρασμα

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

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

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

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

  Βασικοί κανόνες για την ένθεση στοιχείων:

  Τα στοιχεία δεν πρέπει να τέμνονται.

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

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

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

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

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

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

  Kaimin V.A., «Πληροφορική», σχολικό βιβλίο, 4η έκδ. Μ.:, 2003-285s.

  «Πληροφορική», βασικό μάθημα, 2η έκδοση /Κάτω. εκδ. S.V. Simonovich, Αγία Πετρούπολη: 2003, 640 p.

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

Ο Παγκόσμιος Ιστός, ή κάτι το ίδιο με τον Παγκόσμιο Ιστό, το WWW είναι το κύριο στοιχείο του παγκόσμιου δικτύου υπολογιστών Διαδίκτυο. Ξεκινώντας από τη δεκαετία του '60, το Διαδίκτυο χρησιμοποιήθηκε για μεγάλο χρονικό διάστημα μόνο από έναν στενό κύκλο ειδικών για την ανταλλαγή πληροφοριών μέσω e-mail. Το δίκτυο ελεγχόταν από το λειτουργικό σύστημα UNIX - αυτό ήταν κατάλληλο για επιστημονικούς σκοπούς, αλλά η μάλλον πολύπλοκη διεπαφή κειμένου UNIX περιόριζε σημαντικά το πεδίο εφαρμογής των τεχνολογιών δικτύου Το έτος γέννησης του Παγκόσμιου Ιστού θεωρείται το 1989 έτος που εφευρέθηκε η γλώσσα, η οποία αργότερα έγινε η κύρια γλώσσα των εγγράφων Ιστού - Αυτή η γλώσσα είναι η HTML (HyperText Markup Language).

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

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

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

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

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

Κυκλοφόρησε ένα νέο βιβλίο, το Social Media Content Marketing: How to Get Inside Your Followers' Heads and Make Them Fall Fall with Your Brand.

Εγγραφείτε



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

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

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

Σε τι χρησιμεύει η HTML;

Η HTML χρησιμοποιείται για να πει στο πρόγραμμα περιήγησης πώς να εμφανίζει μια σελίδα στην οθόνη.

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

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

Τι είναι ο κώδικας HTML

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



Υπάρχουν τρία όργανα στη γλώσσα.

• Μια ετικέτα είναι μια εντολή. Υποδεικνύει άμεσα τη δράση. Για παράδειγμα,
  • 
    - μετακινήστε το κείμενο σε νέα γραμμή.

  • Ξεκινήστε μια νέα παράγραφο.

  • - τοποθετήστε το κείμενο στην αρχή της σελίδας.
• Τα χαρακτηριστικά των ετικετών είναι μια προσθήκη στις εντολές. Σας επιτρέπουν να προσαρμόσετε την ενέργεια που περιλαμβάνεται στην ετικέτα. Για παράδειγμα,
  • - εδώ είναι η ετικέτα υποδεικνύει ότι ένας σύνδεσμος έχει εισαχθεί στο κείμενο και το χαρακτηριστικό href υποδεικνύει τη διεύθυνση του συνδέσμου.
• Τιμή χαρακτηριστικού - εξηγεί ακριβώς πώς πρέπει να τροποποιηθεί η ιδιότητα.
  • - Επιστρέφοντας σε αυτό το παράδειγμα, το "site" είναι η τιμή του χαρακτηριστικού.



Υπάρχουν δύο τύποι ετικετών - ζευγαρωμένες και μονές.

• - ζευγαρωμένη ετικέτα, άνοιγμα και κλείσιμο. Δρουν στο κείμενο που τοποθετείται ανάμεσά τους.

• Μια μεμονωμένη ετικέτα, επηρεάζει το κείμενο που ακολουθεί πριν από την επόμενη ετικέτα.

Δομή του κώδικα HTML στη σελίδα

Είπαμε ότι η δομή κάθε εγγράφου html είναι πάντα η ίδια. Παρακάτω παραθέτουμε τα απαιτούμενα στοιχεία.

1. !- υποδεικνύει ότι το έγγραφο χρησιμοποιεί HTML.
2. ...- όλος ο κώδικας σελίδας τοποθετείται σε αυτήν την ετικέτα. Οτιδήποτε δεν έχει τοποθετηθεί σε αυτό δεν αναγνωρίζεται από το πρόγραμμα περιήγησης και δεν εμφανίζεται.
3. ...- μια ζευγοποιημένη ετικέτα που περιέχει τεχνικές πληροφορίες, για παράδειγμα, σχετικά με την κωδικοποίηση του εγγράφου.
   1. - αυτός είναι ο τίτλος της σελίδας, τοποθετείται μέσα στην ενότητα κεφαλής. Κάθε σελίδα πρέπει να έχει το δικό της μοναδικό όνομα.
   2. - πρόκειται για ιδιόκτητες πληροφορίες. Συνδέει μεμονωμένα στυλ στη σελίδα - css κλπ. Δεν εμφανίζεται στον χρήστη.
4. ...
   
   - σώμα σελίδας. Όλες οι βασικές πληροφορίες περιέχονται σε αυτήν την ετικέτα.
   1. ...- υπερσυνδέσμους.
   2. - Εικόνες.
   3. ...- μικρογραφία.
   4. ...- πλάγια γραφή.

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

Για παράδειγμα, αυτό είναι το μέρος του κώδικα σελίδας για μια από τις αναρτήσεις του ιστολογίου μας.



Όσο πιο συχνά χρησιμοποιείτε ετικέτες, τόσο πιο γρήγορα απομνημονεύονται. Μπορείτε πάντα να βρείτε έναν κατάλογο με όλες τις ετικέτες, τα χαρακτηριστικά και τη σημασία τους.

Ειδική Ομάδα Μηχανικής Διαδικτύου) δημοσίευσε ένα προσχέδιο πρότασης για ένα πρότυπο HTML

Δομή εγγράφου HTML

Ένα έγγραφο HTML 4 αποτελείται από τρία μέρη:

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

Το σώμα μπορεί να περιέχεται σε στοιχεία BODY ή FRAMESET. Χαρακτήρες κενού διαστήματος(χώροι, νέες γραμμές, χαρακτήρες καρτέλας και σχόλια) ενδέχεται να εμφανίζονται πριν ή μετά από αυτήν την ενότητα.

Γειά σου Κόσμε!

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

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

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

Μετά το στοιχείο κεφαλίδας ακολουθεί το στοιχείο του σώματος, το οποίο είναι το περιτύλιγμα που περιέχει το πραγματικό περιεχόμενο της σελίδας - σε αυτήν την περίπτωση, μόνο το στοιχείο κεφαλίδας πρώτου επιπέδου (h1), το οποίο περιέχει το κείμενο "Hello world!" .

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

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

Σύνταξη στοιχείων HTML

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

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

Βασικά HTML

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

Πολλά χαρακτηριστικά στην HTML είναι κοινά για όλα τα στοιχεία, αλλά μερικά είναι συγκεκριμένα για ένα δεδομένο στοιχείο ή στοιχεία. Όλα έχουν τη μορφή:

λέξη κλειδί "τιμή"

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

Τα χαρακτηριστικά και οι πιθανές τιμές τους ορίζονται κυρίως από τις προδιαγραφές HTML (http://www.w3.org/TR/html401/index/attributes.html), επομένως δεν μπορείτε να δημιουργήσετε τα δικά σας χαρακτηριστικά. Οι μόνες πραγματικές εξαιρέσεις είναι τα χαρακτηριστικά id και class, των οποίων όλες οι τιμές προορίζονται να προσθέσουν το δικό σας νόημα και σημασιολογία στα έγγραφα.

Ένα στοιχείο μέσα σε ένα άλλο στοιχείο ονομάζεται "απόγονος"αυτό το στοιχείο. Στο παραπάνω παράδειγμα συντομείναι παιδί του h1 , το οποίο με τη σειρά του είναι παιδί του div . Αντίθετα, το div είναι ο «πρόγονος» του στοιχείου h1.

Στοιχεία σε επίπεδο μπλοκ και ενσωματωμένα στοιχεία

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

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

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

Επικεφαλίδα

Η κεφαλή ενός εγγράφου HTML είναι ένα προαιρετικό στοιχείο σήμανσης. Αρχικά η ύπαρξη του τίτλου καθορίστηκε από την ανάγκη Ονομασία παραθύρου του προγράμματος περιήγησης. Αυτό επιτεύχθηκε μέσω στοιχείο σήμανσηςΤΙΤΛΟΣ:

... ...

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

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

Οι βασικές ετικέτες κεφαλίδας είναι στοιχεία σήμανσης HTML που βρίσκονται πιο συχνά στην κεφαλή ενός εγγράφου HTML, π.χ. μέσα στοιχείο σήμανσηςΚΕΦΑΛΙ:

• TITLE (τίτλος εγγράφου).
• ΒΑΣΗ (Βάση URL).
• ISINDEX (μοτίβο αναζήτησης);
• ΜΕΤΑ (μεταπληροφορίες).
• LINK (γενικοί σύνδεσμοι);
• STYLE (περιγραφείς στυλ).
• ΣΕΝΑΡΙΟ (σενάρια).

Τα πιο συχνά χρησιμοποιούμενα στοιχεία είναι TITLE, SCRIPT, STYLE. Η χρήση του στοιχείου ΜΕΤΑ υποδηλώνει την επίγνωση του συγγραφέα σχετικά με τους κανόνες για την ευρετηρίαση εγγράφων στις μηχανές αναζήτησης και την ικανότητα διαχείρισης της ανταλλαγής δεδομένων HTTP. Το BASE και το ISINDEX δεν χρησιμοποιούνται σχεδόν καθόλου τελευταία. Το LINK καθορίζεται μόνο όταν χρησιμοποιούνται περιγραφές φύλλου στυλ εκτός του εγγράφου.

Στοιχείο σήμανσηςΤο HEAD περιέχει την κεφαλή του εγγράφου HTML. ο στοιχείο σήμανσηςείναι προαιρετική. Εάν υπάρχει ετικέτα έναρξης στοιχείο σήμανσηςΣυνιστάται να χρησιμοποιείτε και μια ετικέτα τέλους στοιχείο σήμανσης. Από προεπιλογή, το στοιχείο HEAD είναι κλειστό εάν συναντηθεί είτε η ετικέτα έναρξης κοντέινερ BODY είτε η ετικέτα έναρξης κοντέινερ FRAMESET.

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

Στοιχείο σήμανσηςΤο TITLE χρησιμοποιείται για την ονομασία ενός εγγράφου στον Παγκόσμιο Ιστό. Όταν επιλέγετε κείμενο για το περιεχόμενο του κοντέινερ TITLE, λάβετε υπόψη ότι εμφανίζεται γραμματοσειρά συστήματος, αφού είναι ο τίτλος του παραθύρου του προγράμματος περιήγησης.

Η γενική σύνταξη του κοντέινερ TITLE είναι η εξής:

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

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

Η ετικέτα έναρξης κοντέινερ περιέχει ένα απαιτούμενο χαρακτηριστικό HREF και μπορεί να περιέχει ένα προαιρετικό χαρακτηριστικό TARGET. Η γενική σύνταξη ενός κοντέινερ BASE είναι η εξής:

Στοιχείο σήμανσηςΤο ISINDEX χρησιμοποιείται για τον καθορισμό ενός μοτίβου αναζήτησης και κληρονομείται από προηγούμενες εκδόσεις του HTML. Στην HTML 4.0 αυτό το κοντέινερ δεν έχει οριστεί.

Στοιχείο σήμανσης ΜΕΤΑ

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

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

Στη νέα έκδοση του πρωτοκόλλου HTTP (HTTP 1.1), η προσωρινή αποθήκευση ελέγχεται μέσω της δήλωσης Cache-Control. Για να επιτευχθεί το ίδιο αποτέλεσμα όπως στην περίπτωση του Πράγμα, στην κεφαλίδα του εγγράφου HTML αρκεί να υποδείξετε:

Μπορείτε να απαγορεύσετε την αποθήκευση ενός εγγράφου μετά την προώθηση.