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

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

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

Φαίνεται τρομακτικό, εύκολο στον προγραμματισμό

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61

Βασικές ετικέτες γλώσσας σήμανσης υπερκειμένου Νέες ετικέτες που συνοδεύουν την html 5 Παράδειγμα δόμησης σελίδας Άρθρο 1 Ακολουθεί το κείμενο του πρώτου άρθρου. Άρθρο 2 Ακολουθεί το κείμενο του δεύτερου άρθρου.

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

Ας ξεκινήσουμε την απολογιστική από την πρώτη γραμμή.

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

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

Λογικά, μπορώ να υποθέσω ότι το ερώτημα προέκυψε αμέσως στο μυαλό σας: «Τι είδους ακατανόητος κώδικας βρίσκεται σε αυτό το μέρος του προγράμματος; Δεν μοιάζει καθόλου με html!» Και η απάντηση είναι η εξής: δεν είναι το html που είναι γραμμένο στην ετικέτα στυλ, αλλά ο κώδικας css. Όπως αναφέρθηκε προηγουμένως, αυτό είναι ένα εργαλείο για τη μορφοποίηση της εμφάνισης των ιστοσελίδων.

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

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

Έτσι, ο κώδικας περιέχει:

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

Στο στοιχείο με τον ορισμό κλάσης πλαϊνής γραμμής, ορίζω μια μη ταξινομημένη λίστα χρησιμοποιώντας τα στοιχεία

Και
• . Σε ένα μπλοκ με περιεχόμενο κατηγορίας στυλ – ετικέτες επικεφαλίδων

  και παράγραφος

  Τώρα ας ρίξουμε μια πιο προσεκτική ματιά στο μπλοκ

  .

  HTML ή ακόμα HTML 5; Πώς να αναγνωρίσετε;

  Σε ένα div με την κατηγορία στυλ διάταξης, εκτός από άλλα μπλοκ, υπάρχουν ετικέτες όπως κεφαλίδα, μενού και υποσέλιδο. Σε αντίθεση με τα άλλα στοιχεία του παραδείγματος, αυτά είναι ειδικά για την πλατφόρμα HTML 5.

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

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

  .

  

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

  Εργαλεία για τη δημιουργία πόρων Ιστού

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

  Όταν δημιουργείτε έναν ιστότοπο, το πρώτο πράγμα που πρέπει να φανταστείτε είναι πώς διαμορφώνεται η ιστοσελίδα. Αυτό είναι ένα είδος «θεμελίωσης» στη δημιουργία ιστοσελίδων. Επομένως, πριν εμβαθύνουμε σε πιο σύνθετες τεχνολογίες δημιουργίας ιστοσελίδων, συνιστάται να έχετε τουλάχιστον βασικές γνώσεις HTML. Σε αυτό το μάθημα θα εξοικειωθούμε με HTML, ας το τακτοποιήσουμε Δομή εγγράφου HTMLκαι χρησιμοποιήστε πρακτικά παραδείγματα για να εμπεδώσετε τις γνώσεις που αποκτήθηκαν.

  Τι είναι η HTML;

  HTMLσημαίνει HyperText Markup Language. Αυτή η γλώσσα είναι υπεύθυνη για το πώς ακριβώς θα εμφανίζεται το υπερκείμενο στις σελίδες του ιστότοπου. Τώρα ας καταλάβουμε τι είναι το υπερκείμενο; Δεν είναι μυστικό ότι μια μεμονωμένη ιστοσελίδα μπορεί να περιέχει πολλούς διαφορετικούς τύπους πληροφοριών, είτε πρόκειται για κείμενο, μερικούς πίνακες, γραφήματα, βίντεο, ήχο κ.λπ. Έτσι, όλες αυτές οι πληροφορίες μπορούν να ονομαστούν με μία λέξη - υπερκείμενο.

  Σημειώστε ότι η HTML είναι μια γλώσσα σήμανσης, όχι μια γλώσσα προγραμματισμού. Αυτή η γλώσσα δεν έχει λογικές συναρτήσεις και είναι αδύνατο να πραγματοποιηθούν μαθηματικοί υπολογισμοί σε αυτήν. Οι σελίδες HTML έχουν επέκταση .htmlή .htmκαι υποβάλλονται σε επεξεργασία από προγράμματα περιήγησης - IE, Mozilla Firefox, Google Chrome, Yandex Chrome, Opera κ.λπ.

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

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

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

  ...
  
  

  Ας δούμε τι περιλαμβάνεται σε αυτή τη δομή με τη σειρά:

  1. Το πρώτο πράγμα που εμφανίζεται σε ένα έγγραφο HTML είναι η ένδειξη έκδοσης (πρώτη γραμμή). Για σωστή λειτουργία, αυτή η γραμμή πρέπει να προσδιορίζεται κατά τη διάταξη της ιστοσελίδας.

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

  4. Μετα-ετικέτα "περιγραφή" - μια περίληψη της σελίδας, που προορίζεται για τις μηχανές αναζήτησης. Αυτή η ετικέτα είναι σημαντική για τη βελτιστοποίηση μηχανών αναζήτησης και πρέπει να συμπληρωθεί.

  5. Μετα-ετικέτα «λέξεις-κλειδιά» - λέξεις-κλειδιά που ενδέχεται να εμφανίζονται στη σελίδα. Αυτή η ετικέτα προορίζεται επίσης για μηχανές αναζήτησης. Αυτή η ετικέτα χρησιμοποιείται σπάνια στις μέρες μας.

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

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

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

  Σε αυτό το άρθρο θα δημιουργήσουμε σταδιακά μια σελίδα HTML και θα τη διακοσμήσουμε με σημασιολογικές ετικέτες HTML5.

  

  Εικόνα - Σημασιολογική δομή για μια σελίδα HTML5.

  DOCTYPE και μετα-ετικέτες στον τίτλο της σελίδας

  Ας ξεκινήσουμε με ένα τυπικό πρότυπο εγγράφου HTML5 και προσθέτουμε μετα-ετικέτες στο κεφάλι:

  Πρόσθεσα μια ετικέτα η οποία είναι υπεύθυνη για τις λέξεις-κλειδιά. Και ετικέτα η οποία είναι υπεύθυνη για την περιγραφή της σελίδας. Για τη βελτιστοποίηση SEO, αυτές οι ετικέτες απαιτούνται. Είναι επίσης απαραίτητο να συμπληρώσετε σωστά την ετικέτα , τοποθετημένα μέσα σε ετικέτες . Ο τίτλος του εγγράφου δεν εμφανίζεται όταν το ίδιο το έγγραφο εμφανίζεται στο παράθυρο.

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

  Το σώμα του εγγράφου.Το σώμα του εγγράφου πρέπει να βρίσκεται μεταξύ των ετικετών Και. Αυτό είναι το τμήμα του εγγράφου που εμφανίζεται ως κείμενο και γραφικές (σημασιολογικές) πληροφορίες του εγγράφου σας.

  Επίπεδα επικεφαλίδων<Нх>. Το πρώτο επίπεδο επικεφαλίδων (το μεγαλύτερο) ορίζεται από τον αριθμό 1, το επόμενο με 2 και ούτω καθεξής μέχρι τον αριθμό 6. Τα περισσότερα προγράμματα περιήγησης υποστηρίζουν την ερμηνεία έξι επιπέδων επικεφαλίδων, ορίζοντας το καθένα από αυτά το δικό του στυλ. Στις περισσότερες περιπτώσεις, το κείμενο μιας τέτοιας κεφαλίδας θα γίνει έντονη γραφή και θα υπάρχει μια κενή γραμμή μετά το κείμενο. Είναι σημαντικό αυτές οι ετικέτες να καθορίζουν τη λογική δομή του εγγράφου και να συμμετέχουν στην ευρετηρίαση από τις μηχανές αναζήτησης στο Διαδίκτυο. Οι κεφαλίδες πάνω από το επίπεδο έξι δεν είναι τυπικές και ενδέχεται να μην υποστηρίζονται από το πρόγραμμα περιήγησης.

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

  Προμορφοποιημένη ετικέτα κειμένου

  .
  Ετικέτα 
  Επιτρέπει την παρουσίαση κειμένου με συγκεκριμένη μορφοποίηση στην οθόνη.  Το προδιαμορφωμένο κείμενο τελειώνει με μια ετικέτα τέλους
  .  Μέσα σε προδιαμορφωμένο κείμενο, μπορείτε να χρησιμοποιήσετε: ροή γραμμής, χαρακτήρες καρτελών (μετατόπιση κατά οκτώ χαρακτήρες προς τα δεξιά), δυσανάλογη γραμματοσειρά Courier που έχει εγκαταστήσει το πρόγραμμα περιήγησης.
  
  Ετικέτες λίστας.Υπάρχουν τρεις κύριοι τύποι λιστών σε ένα έγγραφο HTML: αριθμημένη, με κουκκίδες και λίστα περιγραφής.
  Μπορείτε να δημιουργήσετε ένθετες λίστες χρησιμοποιώντας διαφορετικές ετικέτες λιστών ή επαναλαμβάνοντας αυτές σε άλλες.  Για να το κάνετε αυτό, απλά πρέπει να τοποθετήσετε ένα ζευγάρι ετικετών (αρχή και τέλος) μέσα στο άλλο.  Το εάν τα ένθετα στοιχεία λίστας θα έχουν τους ίδιους δείκτες που υποδηλώνουν το στοιχείο της λίστας εξαρτάται από το πρόγραμμα περιήγησης.
  Αριθμημένες λίστες.  ΣΕΣε μια αριθμημένη λίστα, το πρόγραμμα περιήγησης εισάγει αυτόματα τους αριθμούς των στοιχείων με τη σειρά.  Αυτό σημαίνει ότι εάν διαγράψετε ένα ή περισσότερα στοιχεία από μια αριθμημένη λίστα, οι υπόλοιποι αριθμοί θα επανυπολογιστούν αυτόματα.
   
  και τελειώνει με την ετικέτα
   
  .
  
  Λίστες με κουκκίδες.  ΓιαΓια λίστες με κουκκίδες, το πρόγραμμα περιήγησης χρησιμοποιεί συνήθως κουκκίδες για το στοιχείο της λίστας.  Ο τύπος του δείκτη συνήθως διαμορφώνεται από τον χρήστη του προγράμματος περιήγησης.
  Μια αριθμημένη λίστα ξεκινά με μια ετικέτα έναρξης 
  και τελειώνει με την ετικέτα
  .  Κάθε στοιχείο λίστας ξεκινά με μια ετικέτα<ы>.
  
  Μορφοποίηση γραμματοσειράς.Η HTML επιτρέπει δύο προσεγγίσεις για την επιλογή γραμματοσειράς θραυσμάτων κειμένου.  Από τη μία πλευρά, μπορείτε να υποδείξετε απευθείας ότι η γραμματοσειρά σε μια συγκεκριμένη ενότητα του κειμένου πρέπει να είναι έντονη ή πλάγια, δηλ.  αλλάξτε το φυσικό στυλ του κειμένου.  Από την άλλη πλευρά, είναι δυνατό να επισημανθεί κάποιο κομμάτι κειμένου ως με κάποιο μη κανονικό λογικό στυλ, αφήνοντας την ερμηνεία αυτού του στυλ στο πρόγραμμα περιήγησης.
  Γραφικά μέσα σε ένα έγγραφο HTML.Ένα από τα πιο ελκυστικά χαρακτηριστικά του WEB είναι η δυνατότητα συμπερίληψης γραφικών και άλλων τύπων δεδομένων σε ένα έγγραφο HTML.
  Υπάρχουν δύο τρόποι χρήσης γραφικών σε έγγραφα HTML.  Το πρώτο είναι η ενσωμάτωση γραφικών εικόνων σε ένα έγγραφο, το οποίο επιτρέπει στον χρήστη να βλέπει εικόνες απευθείας στο πλαίσιο άλλων στοιχείων του εγγράφου.  Αυτό γίνεται χρησιμοποιώντας την ετικέτα .  Αυτή η ετικέτα είναι διακεκομμένη, δηλ.  δεν κλείνει.  Σύνταξη ετικέτας:
  
  Η απαιτούμενη παράμετρος έχει την ίδια σύνταξη με μια τυπική διεύθυνση URL.  Αυτή η διεύθυνση URL λέει στο πρόγραμμα περιήγησης πού βρίσκεται το
  σχέδιο.  Το σχέδιο πρέπει να αποθηκευτεί σε μορφή γραφικού που υποστηρίζεται από το πρόγραμμα περιήγησης.  Σήμερα αυτές είναι μορφές GIF, JPG, PNG.  Υποστηρίζονται από τα περισσότερα προγράμματα περιήγησης.
  ALT="κείμενο"
  Αυτό το προαιρετικό στοιχείο καθορίζει κείμενο που θα εμφανίζεται σε πρόγραμμα περιήγησης που δεν υποστηρίζει γραφικά ή με γραφικά εικόνων απενεργοποιημένα.  Συνήθως αυτή είναι μια σύντομη περιγραφή της εικόνας που ο χρήστης θα μπορούσε ή θα μπορεί να δει στην οθόνη.  Εάν αυτή η παράμετρος απουσιάζει, τότε τα περισσότερα προγράμματα περιήγησης εμφανίζουν ένα κενό πλαίσιο στη θέση της εικόνας.  Ετικέτα συνιστάται εάν οι χρήστες χρησιμοποιούν πρόγραμμα περιήγησης χωρίς γραφικά, όπως το Lynx, και για ευρετηρίαση μηχανών αναζήτησης.  Το κείμενο είναι επίσης ορατό όταν κρατάτε τον κέρσορα του ποντικιού για κάποιο χρονικό διάστημα χωρίς να μετακινηθείτε πάνω από την εικόνα ως επεξήγηση εργαλείου συστήματος κάτω από τον κέρσορα.
  Τα περισσότερα προγράμματα περιήγησης σάς επιτρέπουν να συμπεριλάβετε μια εικόνα φόντου στο έγγραφό σας, η οποία θα αντιγραφεί όπως τα πλακάκια μπάνιου και θα εμφανίζεται ως το φόντο ολόκληρου του εγγράφου.  Αυτός είναι ο δεύτερος τρόπος.  Σε ορισμένους χρήστες αρέσουν τα γραφικά φόντου, σε κάποιους όχι.  Ένα διακριτικό ημιδιαφανές μοτίβο (ταπετσαρία) συνήθως φαίνεται καλό ως φόντο για τα περισσότερα έγγραφα.
  Οι σύνδεσμοι υπερκειμένου είναι ένα βασικό στοιχείο που κάνει το WEB ελκυστικό στους χρήστες.  Προσθέτοντας συνδέσμους υπερκειμένου (εφεξής σύνδεσμοι), ο χρήστης κάνει το σύνολο των εγγράφων συνδεδεμένο και δομημένο, το οποίο του επιτρέπει να αποκτά τις πληροφορίες που χρειάζεται όσο το δυνατόν πιο γρήγορα και εύκολα.
  Οι σύνδεσμοι έχουν μια τυπική μορφή, η οποία επιτρέπει στο πρόγραμμα περιήγησης να τους ερμηνεύει και να εκτελεί τις απαραίτητες λειτουργίες (μέθοδοι κλήσης) ανάλογα με τον τύπο του συνδέσμου.  Οι σύνδεσμοι μπορούν να παραπέμπουν σε ένα άλλο έγγραφο, σε μια συγκεκριμένη θέση μέσα σε ένα έγγραφο ή να εκτελούν άλλες λειτουργίες, όπως να ζητούν ένα αρχείο.  Μπορείτε να χρησιμοποιήσετε κείμενο ή εικόνα ή και τα δύο ως υπερσύνδεσμο.
  Δομή συνδέσμου σε ένα έγγραφο HTML.Για να εμφανίσει το πρόγραμμα περιήγησης έναν σύνδεσμο προς μια διεύθυνση URL, πρέπει να τοποθετήσετε κείμενο ή μια εικόνα μέσα στην ετικέτα υπερ-σύνδεσης.  Η σύνταξη HTML είναι η εξής:
  <А HREF="URL">κείμενο-ή-εικόνα-που-θα-επισημανθεί-ως-σύνδεσμος
  
  Ετικέτα<А HREF="URL">ανοίγει την περιγραφή του συνδέσμου και την ετικέτα– το κλείνει.  Οποιοδήποτε κείμενο βρίσκεται ανάμεσα σε αυτές τις δύο ετικέτες επισημαίνεται με ειδικό τρόπο από το πρόγραμμα περιήγησης ιστού.  Συνήθως αυτό το κείμενο εμφανίζεται υπογραμμισμένο και τονισμένο.  Η εικόνα πλαισιώνεται από ένα ορθογώνιο πλαίσιο.  Το κείμενο που αντιπροσωπεύει τη διεύθυνση URL δεν εμφανίζεται από το πρόγραμμα περιήγησης, αλλά χρησιμοποιείται μόνο για την εκτέλεση των προβλεπόμενων ενεργειών όταν ενεργοποιείται ο σύνδεσμος (συνήθως κάνοντας κλικ σε επισημασμένο ή υπογραμμισμένο κείμενο).
  Σύνδεσμοι σε ετικέτες εντός του εγγράφου.Μπορείτε να συνδέσετε διαφορετικές περιοχές ή ενότητες του ίδιου εγγράφου χρησιμοποιώντας ειδικές κρυφές ετικέτες για αυτές τις ενότητες.  Αυτό σας επιτρέπει να μετακινηθείτε γρήγορα από ενότητα σε ενότητα σε ένα έγγραφο χωρίς να κάνετε κύλιση στην οθόνη.  Μόλις ο χρήστης κάνει κλικ στον σύνδεσμο, το πρόγραμμα περιήγησης θα τον μετακινήσει στην καθορισμένη ενότητα του εγγράφου και η γραμμή που περιέχει την ετικέτα για αυτήν την ενότητα θα τοποθετηθεί στην πρώτη γραμμή του παραθύρου του προγράμματος περιήγησης (εάν το "μήκος" του το έγγραφο στο παράθυρο του προγράμματος περιήγησης είναι αρκετό).
  Κάθε έγγραφο HTML πρέπει να ξεκινά με την ετικέτα <
  HTML>
  και τελειώνουμε με την ετικέτα HTML>
  .  Αυτές οι ετικέτες υποδεικνύουν ότι οι γραμμές μεταξύ τους αντιπροσωπεύουν ένα ενιαίο έγγραφο HTML.  Επιπλέον, μπορείτε να δείτε ότι ένα αρχείο HTML στο σύνολό του είναι ένα στοιχείο της γλώσσας HTML.
  Επίσης, το έγγραφο HTML πρέπει να περιέχει τα στοιχεία HEAD (πληροφορίες εγγράφου) και BODY (σώμα εγγράφου).
  Ενότητα ΕγγράφωνΚΕΦΑΛΙ
  Η ενότητα HEAD ενός εγγράφου ορίζει τον τίτλο του και περιέχει επίσης πρόσθετες πληροφορίες σχετικά με το έγγραφο για το πρόγραμμα περιήγησης.  Αυτή η ενότητα είναι προαιρετική, αλλά συνιστάται να τη χρησιμοποιείτε πάντα στα έγγραφά σας HTML, καθώς μια καλογραμμένη κεφαλίδα μπορεί να είναι πολύ χρήσιμη.
  Η ενότητα της κεφαλίδας ξεκινά με την ετικέτα <
  ΚΕΦΑΛΙ>
  και ακολουθεί αμέσως την ετικέτα .  Μεταξύ των ετικετών ανοίγματος και κλεισίματος του στοιχείου HEAD υπάρχουν άλλα στοιχεία κεφαλίδας.
  Τίτλος τίτλου εγγράφου
  Για να δώσετε ένα όνομα σε ένα έγγραφο HTML, η ετικέτα είναι <
  ΤΙΤΛΟΣ>
  .  Αυτό το όνομα θα εμφανίζεται στον τίτλο του παραθύρου του προγράμματος περιήγησης.  Ο τίτλος είναι γραμμένος ανάμεσα στις ετικέτες και είναι μια γραμμή κειμένου.  Το μήκος αυτής της γραμμής μπορεί να είναι οποιοδήποτε, αλλά συνιστάται να μην υπερβαίνει τους 60 χαρακτήρες.  Το στοιχείο TITLE θα πρέπει να εμφανίζεται μόνο στην ενότητα HEAD.
  Ενότητα ΕγγράφωνΣΩΜΑ
  Αυτή η ενότητα του εγγράφου περιέχει τις πληροφορίες που εμφανίζονται στο παράθυρο του προγράμματος περιήγησης.  Η ενότητα BODY πρέπει να ξεκινά με την ετικέτα <
  ΣΩΜΑ>
  και τελειώνουμε με την ετικέτα ΣΩΜΑ>
  , μεταξύ των οποίων βρίσκονται τα στοιχεία HTML που συνθέτουν το περιεχόμενο του εγγράφου.
  Προδιαγραφές αντικειμένουΣΩΜΑ
  Ετικέτα έχει μια σειρά από χαρακτηριστικά που καθορίζουν την εμφάνιση του εγγράφου.  Παρακάτω είναι η προδιαγραφή της ετικέτας .
  TEXT="χρώμα κειμένου"
  BGCOLOR="χρώμα φόντου"
  BACKGROUND="διεύθυνση εικόνας φόντου"
  Το χαρακτηριστικό TEXT καθορίζει το χρώμα της γραμματοσειράς για ολόκληρο το έγγραφο σε RGB ή σημειογραφία χαρακτήρων.  Από προεπιλογή (εάν αυτό το χαρακτηριστικό δεν έχει καθοριστεί), χρησιμοποιούνται οι ρυθμίσεις του προγράμματος περιήγησης.
  Το χαρακτηριστικό BGCOLOR καθορίζει το χρώμα φόντου του παραθύρου του προγράμματος περιήγησης εγγράφων σε RGB ή συμβολική σημείωση.  Οι ρυθμίσεις του προγράμματος περιήγησης χρησιμοποιούνται από προεπιλογή.
  Το χαρακτηριστικό BACKGROUND σάς επιτρέπει να καθορίσετε τη διεύθυνση και το όνομα της εικόνας που χρησιμοποιείται ως φόντο.  Αυτό το σχέδιο θα αναπαραχθεί και θα διανεμηθεί στο φόντο του εγγράφου.
  Τα χαρακτηριστικά LINK, VLINK και ALINK καθορίζουν τα χρώματα των υπερσυνδέσμων σε RGB ή συμβολική σημείωση.  Οι ρυθμίσεις του προγράμματος περιήγησης χρησιμοποιούνται από προεπιλογή.  Μια υπερσύνδεση χωρίς επίσκεψη είναι μια υπερ-σύνδεση που δεν έχει χρησιμοποιηθεί ακόμη για πλοήγηση σε άλλο έγγραφο.  Ένας υπερσύνδεσμος που επισκεφτήκατε είναι ένας υπερσύνδεσμος που έχει ήδη χρησιμοποιηθεί για πλοήγηση σε άλλο έγγραφο.  Ενεργός υπερσύνδεσμος – ένας υπερσύνδεσμος προς το έγγραφο στο οποίο γίνεται πλοήγηση.
  Συμβουλές για τη χρήση των χαρακτηριστικών της ετικέτας BODY
   Εάν καθορίσετε τουλάχιστον ένα χρώμα στην ετικέτα BODY, τότε καθορίστε και τα άλλα.  Αυτό οφείλεται στο γεγονός ότι ο χρήστης μπορεί να ορίσει τις ρυθμίσεις χρώματος του προγράμματος περιήγησής του όπως τον βολεύει περισσότερο.  Ο καθορισμός μόνο ενός χρώματος μπορεί να έχει ως αποτέλεσμα την ανάμειξη του κειμένου στο χρώμα του φόντου για ορισμένους χρήστες.  Ως αποτέλεσμα, η προβολή του εγγράφου θα είναι δύσκολη.
   Επιλέξτε το χρώμα του κειμένου ώστε να «συνεργάζεται» με το χρώμα του φόντου ή τα κύρια χρώματα της εικόνας.  Για παράδειγμα, το κόκκινο σε πράσινο μπορεί να προκαλέσει σοβαρά προβλήματα σε σημαντικό αριθμό ανθρώπων.
   Τόσο το BGCOLOR όσο και το BACKGROUND μπορούν να καθοριστούν στο στοιχείο BODY.  Σε αυτήν την περίπτωση, το πρόγραμμα περιήγησης δίνει προτίμηση στο BACKGROUND, αλλά εάν δεν είναι δυνατή η φόρτωση της εικόνας φόντου, θα χρησιμοποιηθεί το BGCOLOR.  Επομένως, προσπαθήστε να ρυθμίσετε το χρώμα του φόντου να είναι παρόμοιο με το χρώμα της εικόνας φόντου, ώστε να μην διαταραχθεί η ισορροπία χρωμάτων του εγγράφου.
  
  
  
  
  
  
  
      
   
      
  Ίσως είναι χρήσιμο να διαβάσετε:
      
  
       
  Περίοδος του παιχνιδιού - Δύσκολο τεστ;
   
  Οι πιο τρομεροί τρόμοι.  Ανατριχιαστικές ιστορίες.  Οι πιο τρομεροί τρόμοι Στρατόπεδο τρόμου ιστορία φέρετρο σε τροχούς;
   
  Παιδικά ρολόγια: τύποι, χαρακτηριστικά τους;
   
  Δεν είναι δυνατή η αποθήκευση της φόρμας εγγράφου (τιμολόγιο) σε μορφή Excel - τα κουμπιά "Αποθήκευση" και "Αποθήκευση ως" δεν είναι διαθέσιμα;
   
  Πώς να αλλάξετε το μέγεθος των κελιών στο Excel και να τα κάνετε ίδια Πώς να αλλάξετε το πλάτος όλων των στηλών στο Excel;
   
  Βασικές ρυθμίσεις του χώρου εργασίας του AutoCAD Πώς να δημιουργήσετε ένα προσαρμοσμένο σύστημα συντεταγμένων στο AutoCAD;
   
  Μετάφραση αριθμών σε συστήματα θέσεων;
   
  Συντονισμός τάσης σε κύκλωμα ταλάντωσης σειράς;