Πώς να ανοίξετε ένα αρχείο .HTM; Επέκταση αρχείου HTM Τι είναι η μορφή html

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

HTML - τι είναι;

Η HTML (Hypertext Markup Language) είναι μια κοινή γλώσσα για τη σήμανση εγγράφων του Διαδικτύου (όχι γλώσσα προγραμματισμού!). Σχεδόν όλες οι ιστοσελίδες δημιουργούνται χρησιμοποιώντας αυτό. Τα τελευταία διαφέρουν από τα συνηθισμένα έγγραφα που περιέχουν κείμενο και άλλα στοιχεία (εικόνες, πίνακες) στο ότι περιέχουν ειδικούς περιγραφείς (ετικέτες) που είναι απαραίτητοι για να είναι κατανοητό το κείμενο από οποιοδήποτε πρόγραμμα περιήγησης. Η επέκταση HTML (ή HTM) είναι ένα σημάδι ότι το αρχείο ανήκει στην κατηγορία των εγγράφων Ιστού.

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

Μπορείτε να δείτε παραδείγματα χρήσης ετικετών HTML ανοίγοντας οποιαδήποτε ιστοσελίδα στην Προβολή ετικετών. Για να το κάνετε αυτό, στο μενού του προγράμματος περιήγησης πρέπει να επιλέξετε το στοιχείο "Προβολή" - "Ως HTML". Για ορισμένα προγράμματα περιήγησης, λειτουργούν και τα πλήκτρα πρόσβασης: Ctrl + U, όταν πατηθεί σε ξεχωριστή καρτέλα του προγράμματος περιήγησης, η ίδια σελίδα ανοίγει σε μια λειτουργία που σας επιτρέπει να βλέπετε κώδικες HTML.

Από την ιστορία των προτύπων γλώσσας σήμανσης

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

Πριν από το 1990, σχεδόν κανένας στον κόσμο δεν θα είχε απαντήσει σωστά στην ερώτηση: HTML - τι είναι; Η τεκμηρίωση για αυτή τη γλώσσα δημοσιεύθηκε για πρώτη φορά το 1991. Ο συγγραφέας, ο φυσικός Tim Berners-Lee, το βρήκε ως εργαλείο που σας επιτρέπει να μετατρέψετε ένα σύνολο χαρακτήρων που μεταδίδονται μέσω του δικτύου σε επικεφαλίδες, συνδέσμους και παραγράφους. Σύντομα έγινε η τυπική γλώσσα για τη σήμανση εγγράφων στο Διαδίκτυο.

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

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

Είναι σαφώς ρυθμισμένο και πρέπει να περιέχει αρκετές υποχρεωτικές ετικέτες. Αυτά περιλαμβάνουν:

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

Ετικέτες που είναι χρήσιμο να γνωρίζετε

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

  • - για να επισημάνετε μια παράγραφο.

  • κείμενο
    - για αναδίπλωση κειμένου στην επόμενη γραμμή.
  • τονίζοντας με έντονους χαρακτήρες - για να τονίσετε με έντονη γραφή.
  • σε λέξεις-Να επισημάνετε το κείμενο με λέξεις.
  • άγκυρα - για να εισαγάγετε οποιαδήποτε άγκυρα - μια λέξη ή αντικείμενο που ξεκινά μια μετάβαση στον σύνδεσμο που καθορίζεται στην ετικέτα. Αντί για τη λέξη "άγκυρα" γράψτε "ΕΔΩ" ή πληκτρολογήστε οποιαδήποτε άλλη λέξη, φράση, αντικείμενο. Αντί για τη λέξη "σύνδεσμος", εισαγάγετε τη διεύθυνση Διαδικτύου όπου οδηγεί ο σύνδεσμος.

  • Επικεφαλίδα

    - για να επισημάνετε την επικεφαλίδα πρώτου επιπέδου.

  • Υπότιτλος

    - το ίδιο για την επικεφαλίδα 2ου επιπέδου κ.λπ. μέχρι το έκτο επίπεδο.

Πώς να δημιουργήσετε ένα αρχείο HTML σε έναν κανονικό επεξεργαστή

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

Επεξεργαστές HTML

Σχεδόν όλοι οι ειδικοί χρησιμοποιούν ειδικούς επεξεργαστές HTML. Τα πιο δημοφιλή από αυτά είναι το Macromedia HomeSite και το Dreamweaver MX. Σας επιτρέπουν να εισάγετε αυτόματα πολλές ετικέτες, να επισημάνετε στοιχεία κειμένου και κώδικα υπηρεσίας και να προβάλετε αμέσως το αποτέλεσμα σε ένα ειδικό παράθυρο. Αλλά αυτά τα προγράμματα πληρώνονται.

Για έναν αρχάριο, είναι καλύτερο να δοκιμάσετε πρώτα τις δεξιότητές σας χρησιμοποιώντας ελεύθερα διανεμημένους συντάκτες. Τα πιο δημοφιλή από αυτά περιλαμβάνουν το Notepad++, το Komodo Edit, το Aptana, το Alaborn iStyle και το KompoZer. Κάθε ένα από αυτά τα προγράμματα έχει τα δικά του πλεονεκτήματα, παρέχει στον χρήστη μεγαλύτερη ή μικρότερη λειτουργικότητα και έχει τη δική του διεπαφή. Για να επιλέξετε αυτό που σας ταιριάζει, πρέπει να δοκιμάσετε να εργαστείτε σε καθένα από αυτά. Αυτό είναι εύκολο να το κάνετε γιατί δεν χρειάζεται να πληρώσετε για να το δοκιμάσετε.

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

Η εξοικείωση με το υλικό σε αυτό το άρθρο, ελπίζουμε, θα επιτρέψει ακόμη και σε έναν αρχάριο χρήστη να μην έχει καμία αμφιβολία για την απάντηση στην ερώτηση: HTML - τι είναι;

Η HTML (από την αγγλική γλώσσα σήμανσης υπερκειμένου - «γλώσσα σήμανσης υπερκειμένου») είναι μια τυπική γλώσσα σήμανσης για έγγραφα στον Παγκόσμιο Ιστό. Όλες οι ιστοσελίδες δημιουργούνται με χρήση HTML (ή XHTML). Το HTML ερμηνεύεται από το πρόγραμμα περιήγησης και εμφανίζεται ως έγγραφο αναγνώσιμο από τον άνθρωπο.

Η HTML είναι μια εφαρμογή της SGML (Standard Generalized Markup Language) και συμμορφώνεται με το διεθνές πρότυπο ISO 8879.

Η γλώσσα HTML αναπτύχθηκε από τον Βρετανό επιστήμονα Tim Berners-Lee γύρω στο 1991-1992 στο Ευρωπαϊκό Συμβούλιο για την Πυρηνική Έρευνα στη Γενεύη (Ελβετία). Η HTML δημιουργήθηκε ως γλώσσα για την ανταλλαγή επιστημονικής και τεχνικής τεκμηρίωσης, κατάλληλη για χρήση από άτομα που δεν είναι ειδικοί στον τομέα της διάταξης. Η HTML αντιμετώπισε με επιτυχία την πολυπλοκότητα του SGML ορίζοντας ένα μικρό σύνολο δομικών και σημασιολογικών στοιχείων (σημασμένων με "ετικέτες") που χρησιμεύουν στη δημιουργία σχετικά απλών αλλά όμορφα μορφοποιημένων εγγράφων. Εκτός από την απλοποίηση της δομής του εγγράφου, η υποστήριξη υπερκειμένου έχει προστεθεί στην HTML. Οι δυνατότητες πολυμέσων προστέθηκαν αργότερα. Αρχικά, η γλώσσα HTML σχεδιάστηκε και δημιουργήθηκε ως μέσο δόμησης και μορφοποίησης εγγράφων χωρίς τη σύνδεσή τους με εργαλεία αναπαραγωγής (εμφάνισης). Στην ιδανική περίπτωση, το κείμενο με σήμανση HTML θα έπρεπε να έχει αναπαραχθεί χωρίς στιλιστικές και δομικές παραμορφώσεις σε εξοπλισμό με διαφορετικό τεχνικό εξοπλισμό (έγχρωμη οθόνη σύγχρονου υπολογιστή, μονόχρωμη οθόνη organizer, οθόνη περιορισμένου μεγέθους κινητού τηλεφώνου ή συσκευής και προγράμματα για φωνή αναπαραγωγή κειμένων). Ωστόσο, η σύγχρονη χρήση της HTML απέχει πολύ από τον αρχικό της σκοπό. Για παράδειγμα, η ετικέτα που χρησιμοποιήθηκε πολλές φορές για τη διαμόρφωση της σελίδας που διαβάζετε τώρα προορίζεται για τη δημιουργία των πιο συνηθισμένων πινάκων σε έγγραφα, αλλά, όπως μπορείτε να δείτε, δεν υπάρχει ούτε ένας πίνακας εδώ. Με την πάροδο του χρόνου, η κύρια ιδέα της ανεξαρτησίας της πλατφόρμας της γλώσσας HTML δόθηκε ως ένα είδος θυσίας στις σύγχρονες ανάγκες στα πολυμέσα και τη γραφιστική.

[επεξεργασία]
Προγράμματα περιήγησης

Τα έγγραφα κειμένου που περιέχουν κώδικα HTML (τέτοια έγγραφα έχουν παραδοσιακά την επέκταση "html" ή "htm") υποβάλλονται σε επεξεργασία από ειδικές εφαρμογές που εμφανίζουν το έγγραφο στη μορφοποιημένη του μορφή. Τέτοιες εφαρμογές, που ονομάζονται προγράμματα περιήγησης ή προγράμματα περιήγησης Διαδικτύου, παρέχουν συνήθως μια βολική διεπαφή για τον χρήστη για να ζητήσει ιστοσελίδες, να τις προβάλει (και να τις εμφανίσει σε άλλες εξωτερικές συσκευές) και, εάν είναι απαραίτητο, να στείλει πληροφορίες χρήστη στον διακομιστή. Τα πιο δημοφιλή προγράμματα περιήγησης σήμερα είναι ο Internet Explorer, ο Firefox, ο Opera και ο Safari.

[επεξεργασία]
Δυνατότητες

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

Αργότερα, όταν προέκυψε η ανάγκη για διαδραστικότητα των ιστοσελίδων, εισήχθη η HTML
Φόρμες για να εισάγει ο χρήστης δεδομένα που υποβάλλονται σε επεξεργασία αργότερα. Οι φόρμες και άλλες πληροφορίες μπορούν να υποβληθούν σε επεξεργασία χρησιμοποιώντας ειδικά προγράμματα διακομιστή (για παράδειγμα, σε PHP ή Perl).
Άνοιγμα εξόδου αρχείων πολυμέσων είτε απευθείας από το πρόγραμμα περιήγησης (για παράδειγμα, εικόνες σε μορφές JPEG, GIF ή PNG, αρχεία ήχου MIDI, κ.λπ.) και εξωτερικές εφαρμογές «ενσωματωμένες» στο παράθυρο του προγράμματος περιήγησης (κινούμενα σχέδια Flash, μικροεφαρμογές Java, κ.λπ.).

[επεξεργασία]
εκδόσεις
RFC 1866 - HTML 2.0, που εγκρίθηκε ως πρότυπο στις 22 Σεπτεμβρίου 1995.
HTML 3.2 - 14 Ιανουαρίου 1996;
HTML 4.0 - 18 Δεκεμβρίου 1997;
HTML 4.01 (αλλαγές, πιο σημαντικές από ό,τι φαίνεται με την πρώτη ματιά) - 24 Δεκεμβρίου 1999.
ISO/IEC 15445:2000 (ονομάζεται "ISO HTML", με βάση το HTML 4.01 Strict) - 15 Μαΐου 2000.

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

Η έκδοση 3 προτάθηκε από την Κοινοπραξία του Παγκόσμιου Ιστού (W3C) τον Μάρτιο του 1995 και παρείχε πολλές νέες δυνατότητες, όπως υποστήριξη πίνακα, αναδίπλωση κειμένου γύρω από εικόνες και εμφάνιση πολύπλοκων μαθηματικών τύπων. Παρόλο που αυτό το πρότυπο ήταν συμβατό με τη δεύτερη έκδοση, η εφαρμογή του ήταν δύσκολη για τα προγράμματα περιήγησης εκείνης της εποχής. Η έκδοση 3.1 δεν προτάθηκε ποτέ επίσημα και η επόμενη έκδοση του προτύπου HTML ήταν η 3.2, η οποία παρέλειψε πολλές από τις καινοτομίες από την έκδοση 3.0, αλλά πρόσθεσε μη τυπικά στοιχεία που υποστηρίζονται από τα προγράμματα περιήγησης Netscape και Mosaic. Η υποστήριξη για μαθηματικούς τύπους έχει κυκλοφορήσει από το προαιρετικό πρότυπο MathML.

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

[επεξεργασία]
Προοπτικές

Το World Wide Web Consortium (W3C) αναπτύσσει αυτήν τη στιγμή την πέμπτη έκδοση της γλώσσας HTML5. Μια πρόχειρη έκδοση της προδιαγραφής γλώσσας εμφανίστηκε στο Διαδίκτυο στις 20 Νοεμβρίου 2007. Παράλληλα, γίνονται εργασίες για την περαιτέρω ανάπτυξη της HTML με το όνομα XHTML (από την αγγλική γλώσσα επεκτάσιμης υπερκειμένου σήμανσης). Ενώ η XHTML είναι συγκρίσιμη σε δυνατότητες με την HTML, έχει πιο αυστηρές απαιτήσεις σύνταξης. Όπως και η HTML, η XHTML είναι ένα υποσύνολο της γλώσσας SGML, αλλά η XHTML, σε αντίθεση με τον προκάτοχό της, βασίζεται σε XML. Το XHTML 1.0 εγκρίθηκε ως Σύσταση από την Κοινοπραξία του Παγκόσμιου Ιστού (W3C) στις 26 Ιανουαρίου 2000.

Η προγραμματισμένη προδιαγραφή XHTML 2.0 διακόπτει τη συμβατότητα με παλαιότερες εκδόσεις HTML και XHTML, κάτι με το οποίο ορισμένοι προγραμματιστές ιστού και κατασκευαστές προγραμμάτων περιήγησης δεν είναι ευχαριστημένοι. Η WHATWG (Web Hypertext Application Technology Working Group) αναπτύσσει την προδιαγραφή Web Applications 1.0, που συχνά αποκαλείται ανεπίσημα "HTML5", η οποία επεκτείνει την HTML (αλλά έχει και σύνταξη XML συμβατή με XHTML 1.0) για να αναπαραστήσει καλύτερα τη σημασιολογία διαφόρων τυπικών σελίδων, για παράδειγμα φόρουμ, ιστότοπους δημοπρασιών, μηχανές αναζήτησης, ηλεκτρονικά καταστήματα κ.λπ., τα οποία δεν ταιριάζουν καλά στο μοντέλο XHTML 2.

[επεξεργασία]
Δομή εγγράφου HTML

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

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

Αυτό το κείμενο θα είναι τολμηρό
και αυτό είναι επίσης με πλάγιους χαρακτήρες

Θα δώσει αυτό το αποτέλεσμα:
Αυτό το κείμενο θα είναι τολμηρό και αυτό θα είναι επίσης πλάγιο.

Εκτός από στοιχεία, τα έγγραφα HTML περιέχουν επίσης οντότητες - "ειδικούς χαρακτήρες". Οι οντότητες ξεκινούν με έναν χαρακτήρα συμπλεκτικού και έχουν τη μορφή &όνομα; ή NNNN;, όπου NNNN είναι ο κωδικός χαρακτήρων Unicode σε δεκαδικό συμβολισμό.

Για παράδειγμα, το σύμβολο πνευματικών δικαιωμάτων (©). Συνήθως, οι οντότητες χρησιμοποιούνται για την αναπαράσταση χαρακτήρων που δεν περιλαμβάνονται στην κωδικοποίηση του εγγράφου ή για την αναπαράσταση «ειδικών» χαρακτήρων: & - σύμφωνο (&),< - символа «меньше» (), которые некорректно записывать «обычным» образом, из-за их особого значения в HTML.

Μια λίστα με βασικές ετικέτες και ειδικούς χαρακτήρες δίνεται στο άρθρο Στοιχεία HTML. Για μια πιο εκτενή λίστα ειδικών χαρακτήρων, ανατρέξτε στο άρθρο της Wikipedia: Ειδικοί χαρακτήρες.

Κάθε έγγραφο HTML που συμμορφώνεται με κάποια έκδοση της προδιαγραφής HTML πρέπει να ξεκινά με μια γραμμή δήλωσης έκδοσης HTML, η οποία συνήθως μοιάζει με αυτό:
"www w3 org;

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

[επεξεργασία]
Επιλογές DOCTYPE για HTML 4.01
Αυστηρό: Δεν περιέχει στοιχεία που επισημαίνονται ως "καταργημένα" ή "καταργημένα".
"www w3 org;
Μεταβατικό: Περιέχει ετικέτες παλαιού τύπου για λόγους συμβατότητας και για διευκόλυνση της μετεγκατάστασης από παλαιότερες εκδόσεις HTML.
"www w3 org;
Με πλαίσια (Frameset): παρόμοιο με το μεταβατικό, αλλά περιέχει και ετικέτες για τη δημιουργία συνόλων πλαισίων.
"www w3 org;

[επεξεργασία]
Πόλεμοι προγράμματος περιήγησης

Στα μέσα της δεκαετίας του 1990 εμφανίστηκε το εξής φαινόμενο. Οι κύριοι κατασκευαστές προγραμμάτων περιήγησης - Netscape και Microsoft - άρχισαν να εφαρμόζουν τα δικά τους σύνολα στοιχείων στη σήμανση HTML. Έχει προκύψει σύγχυση με διάφορα σχέδια για εργασία στον Παγκόσμιο Ιστό, τα οποία είναι διαθέσιμα για προβολή σε ένα ή άλλο πρόγραμμα περιήγησης. Υπήρχαν ιδιαίτερα μεγάλες δυσκολίες κατά τη δημιουργία προγραμμάτων πολλαπλών προγραμμάτων περιήγησης σε JavaScript. Οι webmasters έπρεπε να δημιουργήσουν πολλές εκδόσεις σελίδων ή να καταφύγουν σε άλλα κόλπα. Για κάποιο χρονικό διάστημα, το πρόβλημα έχασε τη σημασία του για δύο λόγους:
Λόγω της μετατόπισης όλων των άλλων προγραμμάτων περιήγησης από το πρόγραμμα περιήγησης Microsoft Internet Explorer. Αντίστοιχα, το πρόβλημα των webmasters έγινε πρόβλημα των χρηστών εναλλακτικών προγραμμάτων περιήγησης.
Χάρη στις προσπάθειες άλλων κατασκευαστών προγραμμάτων περιήγησης που είτε ακολούθησαν τα πρότυπα του W3C (όπως Mozilla και Opera) είτε προσπάθησαν να δημιουργήσουν τη μέγιστη συμβατότητα με τον Internet Explorer.

Στο παρόν στάδιο, μπορούμε να παρατηρήσουμε την αυξανόμενη δημοτικότητα των προγραμμάτων περιήγησης που ακολουθούν τις συστάσεις του W3C (αυτά είναι τα προγράμματα περιήγησης Mozilla Firefox και άλλα προγράμματα περιήγησης που βασίζονται στη μηχανή Gecko, Konqueror, Safari και άλλα προγράμματα περιήγησης που βασίζονται στη μηχανή KHTML, Opera με τη μοναδική μηχανή Presto) . Ταυτόχρονα, ο Internet Explorer εξακολουθεί να διατηρεί την ηγετική του θέση.

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

Τι είναι ένα αρχείο HTML;

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

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

Πώς να ανοίξετε ένα αρχείο HTML σε ένα πρόγραμμα περιήγησης;

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

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

Πώς να ανοίξετε ένα αρχείο HTML: Χρησιμοποιώντας προγράμματα επεξεργασίας κειμένου

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

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

Πώς να ανοίξετε ένα αρχείο HTML στο Word; Πανεύκολος! Πρέπει είτε να επιλέξετε την κατάλληλη εφαρμογή από το μενού περιβάλλοντος είτε να χρησιμοποιήσετε το μενού αρχείων του ίδιου του προγράμματος για να το κάνετε αυτό, καλώντας τη γραμμή ανοίγματος αντικειμένου. Ο ευκολότερος τρόπος είναι να χρησιμοποιήσετε το συνδυασμό πλήκτρων Ctrl + O, στη συνέχεια να ορίσετε τι απαιτείται στη γραμμή επιλογής μορφής και να χρησιμοποιήσετε το κουμπί αναζήτησης για να αναζητήσετε το επιθυμητό αρχείο.

Εξειδικευμένα μέσα

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

Μεταξύ των πιο διάσημων επεξεργαστών HTML είναι τα Sublime Text, Aptana Studio, Notepad++, Macromedia Dreamweaver, RJ TextEd, KompoZer, Comodo Edit, Vim, Fraise, PSPad και πολλοί άλλοι. Στη γλώσσα τους, η HTML φαίνεται τόσο απλή που ακόμη και οποιοσδήποτε μη εκπαιδευμένος χρήστης μπορεί να αντιμετωπίσει τη δημιουργία της δικής του σελίδας γραμμένης χρησιμοποιώντας σήμανση υπερκειμένου με εντελώς στοιχειώδη τρόπο. Γενικά, σε γενικές γραμμές, μπορείτε να ανοίξετε αρχεία αυτής της μορφής σε οποιοδήποτε πρόγραμμα που υποστηρίζει τη γλώσσα HTML.

Ή HTML είναι γραμμένο σε Hypertext Markup Language και είναι ο τυπικός τύπος αρχείου ιστοσελίδας στο Διαδίκτυο.

Τι υπάρχει στα αρχεία .HTML

Η ιδέα προτάθηκε το 1989 από τον Tim Berners-Lee όταν χρειαζόταν μια επέκταση που θα επέτρεπε στα προγράμματα περιήγησης να διαβάζουν την κωδικοποίηση και να τη μετατρέπουν σε σημεία στίξης, εμπλουτισμένο κείμενο, υπερσυνδέσμους, εικόνες, βίντεο ή άλλα αρχεία πολυμέσων. Ένας χρήστης που επισκέπτεται έναν ιστότοπο μπορεί να δει το τελικό αποτέλεσμα της εργασίας του προγράμματος περιήγησης με HTML, μόνο εάν έχει ολοκληρωθεί σωστά. Τα ίδια τα περιεχόμενα του αρχείου τρίτου μέρους μπορούν να προβληθούν χρησιμοποιώντας το " Δείτε τον πηγαίο κώδικα της σελίδας».

Πώς να ανοίξετε ένα αρχείο HTML

Οποιοδήποτε πρόγραμμα περιήγησης ιστού - όπως το Yandex.Browser, Internet Explorer, Firefox, Chrome, Operaκ.λπ. - θα ανοίξει και θα εμφανίσει σωστά τυχόν αρχεία HTML. Με άλλα λόγια, το άνοιγμα ενός από αυτά τα έγγραφα σε ένα πρόγραμμα περιήγησης θα αποκρυπτογραφήσει τι είναι γραμμένο στο αρχείο HTM ή HTML.

Υπάρχουν πολλά προγράμματα που διευκολύνουν την επεξεργασία και τη δημιουργία αρχείων HTM ή HTML. Eclipse, Komodo EditΚαι Bluefishείναι μόνο μερικά από τα δημοφιλή δωρεάν προγράμματα επεξεργασίας HTML. Ένα άλλο δημοφιλές πρόγραμμα HTM/HTML με πολλές πρόσθετες δυνατότητες είναι Adobe Dreamweaver, ωστόσο, δεν προσφέρεται στους χρήστες δωρεάν. Για να μετατρέψετε HTML, μπορείτε να χρησιμοποιήσετε το πρόγραμμα Convertin.io.

Για να προβάλετε τον κώδικα σε τέτοια αρχεία και να κάνετε αλλαγές σε αυτόν, μπορείτε να χρησιμοποιήσετε ένα συνηθισμένο πρόγραμμα επεξεργασίας κειμένου, αν και η λειτουργικότητά του είναι περιορισμένη σε σύγκριση με ειδικές εφαρμογές. Σημειωματάριο ++, θα είναι ίσως η πιο βολική επιλογή. ΣΕ Μπλοκ ΣΗΜΕΙΩΣΕΩΝ, ένα τυπικό πρόγραμμα των Windows, μπορεί επίσης να επεξεργαστεί μορφή HTML, αλλά δεν έχει σχεδιαστεί για αυτήν την εργασία, καθιστώντας τη διαδικασία επεξεργασίας κώδικα δύσκολη για όσους δεν είναι πολύ εξοικειωμένοι με τη γλώσσα σήμανσης υπερκειμένου.

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

Η HTML είναι μια συντομογραφία του HyperText Markup Language, η οποία μεταφράζεται ως γλώσσα σήμανσης υπερκειμένου.
Περιεχόμενο:

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

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

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

Οι ιστότοποι μπορούν επίσης να δημιουργηθούν σε άλλες γλώσσες προγραμματισμού, για παράδειγμα, PHP.

Ο Βρετανός επιστήμονας Tim Berners Lee ανέπτυξε τη γλώσσα HTML το 1986-1991 στην Ελβετία. Ουσιαστικά, η html σάς επιτρέπει να δημιουργείτε απλά, αλλά όμορφα έγγραφα. Αργότερα, στο html προστέθηκαν δυνατότητες πολυμέσων (βίντεο κ.λπ.) και υποστήριξη για εργασία με υπερκείμενο (για δημιουργία υπερσυνδέσμων).

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

  • Mozilla Firefox (Mozilla Firefox),
  • Internet Explorer (Internet Explorer),
  • Google Chrome (Google Chrome),
  • Όπερα (Όπερα),
  • Το πρόγραμμα περιήγησης Yandex,
  • Σαφάρι και
  • άλλα.

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

Τι είναι μια σελίδα html;

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

  • test.html,
  • html,
  • html ή
  • title.html.

Αυστηρά μιλώντας, test.html είναι το όνομα αρχείου (ή το όνομα σελίδας), όπου

  • test είναι το όνομα αρχείου και
  • Το .html είναι μια επέκταση ονόματος αρχείου (ή επέκταση ονόματος σελίδας) που συνήθως ονομάζεται απλώς "επέκταση".

Σήμερα, η λέξη "μορφή" έχει γίνει πιο κοινή επιλογή αντί της λέξης "επέκταση". Επομένως, η έκφραση "μορφή html" σημαίνει ότι το αρχείο (ή η σελίδα) είναι γραμμένο στη γλώσσα html και το όνομα ενός τέτοιου αρχείου έχει την επέκταση html. Που σημαίνει,

το αρχείο με το όνομα test.html είναι σε μορφή html.

Το λειτουργικό σύστημα Windows κρύβει από προεπιλογή τις επεκτάσεις αρχείων (δηλαδή τις μορφές αρχείων). Οι προγραμματιστές το έκαναν αυτό «όχι από κακία», αλλά για να προστατεύσουν τον χρήστη από την αλόγιστη αλλαγή των επεκτάσεων αρχείων. Μπορείτε να ανοίξετε τις επεκτάσεις αρχείων από προεπιλογή. Στα Windows 7 για να το κάνετε αυτό:

  • κάντε κλικ στο κουμπί Έναρξη,
  • ανοίξτε τον Πίνακα Ελέγχου,
  • εύρεση Επιλογών φακέλου,
  • ανοίξτε την καρτέλα Προβολή, μετακινηθείτε προς τα κάτω και
  • καταργήστε την επιλογή του πλαισίου δίπλα στην επιλογή "Απόκρυψη επεκτάσεων για γνωστούς τύπους αρχείων",
  • Κάντε κλικ στο "OK".
Ρύζι. 1. Ανοίξτε όλες τις επεκτάσεις αρχείων

Αν τώρα κοιτάξετε και κοιτάξετε τη γραμμή διευθύνσεων του προγράμματος περιήγησής σας, θα δείτε εκεί το όνομα της σελίδας που διαβάζετε αυτήν τη στιγμή και στο τέλος του ονόματος υπάρχει .html. Αυτό είναι ένα παράδειγμα σελίδας ιστολογίου html που δημοσιεύεται στο Διαδίκτυο. Συνήθως ένα blog (site) έχει πολλές σελίδες html. Για παράδειγμα, κάθε άρθρο σε αυτό το ιστολόγιο είναι μια ξεχωριστή σελίδα html.

Υπάρχουν επίσης ιστότοποι μιας σελίδας στο Διαδίκτυο, που αποτελούνται από μία μόνο σελίδα html. Για παράδειγμα θα μπορούσε να είναι

  • Επαγγελματική κάρτα Διαδικτύου ατόμου ή εταιρείας ή
  • μια σελίδα που πωλεί ένα προϊόν ή μια υπηρεσία μέσω του Διαδικτύου.

Η γλώσσα HTML εξελίσσεται συνεχώς και σήμερα υπάρχουν αρκετές εκδόσεις της, ξεκινώντας από την HTML 2.0 στις 22 Σεπτεμβρίου 1995 και τελειώνοντας με την τελευταία έκδοση της HTML 5 στις 28 Οκτωβρίου 2014. Η HTML 5.1 έχει προγραμματιστεί να κυκλοφορήσει τον Σεπτέμβριο του 2016.

Τι είναι οι ετικέτες HTML;

Η HTML είναι μια γλώσσα για τη σήμανση εγγράφων χρησιμοποιώντας ετικέτες. Οι ετικέτες περικλείονται σε τριγωνικές αγκύλες "< >" Οι ετικέτες μπορούν να αντιστοιχιστούν ή να αποσυνδεθούν.

  • Για παράδειγμα, η ετικέτα "b" που περικλείεται σε τριγωνικές αγκύλες κάνει το κείμενο με έντονη γραφή

κείμενο με έντονους χαρακτήρες

Το αποτέλεσμα θα μοιάζει με αυτό: κείμενο με έντονους χαρακτήρες

  • Και η ετικέτα "i" κάνει το κείμενο πλάγιο.

κείμενο με πλάγιους χαρακτήρες

Ως αποτέλεσμα παίρνουμε: κείμενο με πλάγιους χαρακτήρες

  • Υπάρχει επίσης μια ετικέτα για το σπάσιμο της χορδής "br".
  • Χρησιμοποιώντας την ετικέτα "a href", επισημαίνεται ένας υπερσύνδεσμος.
  • Ετικέτα για τίτλο εγγράφου – . Αυτή είναι η ετικέτα που ανοίγει το έγγραφο. Συνδυάζεται με την έννοια ότι απαιτεί μια ετικέτα κλεισίματος με κάθετο.
  • Μετά τον τίτλο έρχεται το κύριο μέρος, το οποίο βρίσκεται ανάμεσα στην αρχική ετικέτα και ετικέτα κλεισίματος. Αυτή η ετικέτα, όπως και η ετικέτα head, είναι ένα ζευγάρι: πρέπει να την ανοίξετε και να θυμάστε να την κλείσετε.

Στις ζευγαρωμένες ετικέτες, μια ετικέτα κλεισίματος με κάθετο είναι απαραίτητη γιατί ακυρώνει (ακριβέστερα, ολοκληρώνει σωστά) την ενέργεια της ετικέτας ανοίγματος.

Υπάρχουν πολλές ετικέτες HTML και μπορείτε εύκολα να βρείτε μαθήματα HTML στο Διαδίκτυο.

Πώς να δημιουργήσετε ένα αρχείο html

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

1) Ανοίξτε το Σημειωματάριο (ένα απλό πρόγραμμα επεξεργασίας κειμένου που παρέχεται με Windows). Μπορείτε να το βρείτε στον υπολογιστή σας εισάγοντας το ερώτημα: Σημειωματάριο στη γραμμή αναζήτησης.

2) Αντιγράψτε και επικολλήστε το ακόλουθο κείμενο στο Σημειωματάριο:







Γειά σου! Αυτή είναι η πρώτη μου σελίδα HTML.

Δεύτερη γραμμή, ουρά!

3) Ένα σημαντικό σημείο, χωρίς το οποίο δεν θα λειτουργεί το αρχείο html: στο Σημειωματάριο αποθηκεύουμε το αρχείο αυστηρά(!) σε μορφή html, όπως φαίνεται στο στιγμιότυπο οθόνης. Για απλότητα, μπορείτε να αποθηκεύσετε το αρχείο στην επιφάνεια εργασίας του υπολογιστή σας.


Ρύζι. 2. Δώστε προσοχή στον Τύπο αρχείου και αποθηκεύστε το αρχείο σε μορφή html

1 στο Σχ. 2 – Κάντε κλικ στο «Desktop» για να αποθηκεύσετε το αρχείο html εκεί.
2 στο Σχ. 3 – Ανοίξτε το αναπτυσσόμενο μενού απέναντι από το «Τύπος αρχείου».
3 – Σε αυτό το μενού, επιλέξτε «Όλα τα αρχεία».
4 – εισάγετε οποιοδήποτε όνομα (έχω 001) και μετά την περίοδο να είστε βέβαιοι(!) να εισάγετε html.
5 στο Σχ. 2 – κάντε κλικ στο «Αποθήκευση».

4) Στην επιφάνεια εργασίας βρίσκουμε το αρχείο 001.html:

Ρύζι. 3. Αρχείο HTML στην επιφάνεια εργασίας

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

Κάνουμε κλικ στο αρχείο (Εικ. 3) 2 φορές με το ποντίκι και ως αποτέλεσμα βλέπουμε την πρώτη μας σελίδα σε html στον browser:


Ρύζι. 4. Έλεγχος της εμφάνισης της σελίδας html στο πρόγραμμα περιήγησης

Έτσι, έχουμε μια τοπική σελίδα html με την έννοια ότι είναι προσβάσιμη μόνο από τον τοπικό σας υπολογιστή. Για να είναι προσβάσιμη η σελίδα σε άλλους, πρέπει να ανέβει στο Διαδίκτυο. Πιο συγκεκριμένα, τοποθετήστε το, το οποίο είναι πάντα διαθέσιμο: 24/7/365 (24 ώρες την ημέρα, 7 ημέρες την εβδομάδα, όλο το χρόνο). Τότε κάθε χρήστης του Διαδικτύου θα μπορεί να δει μια τέτοια σελίδα.

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