Η γλώσσα html αναφέρεται στον σκοπό της γλώσσας HTML. Πρότυπο HTML και προδιαγραφές XHTML. Δομή εγγράφου HTML. Οδηγίες υλοποίησης

ΣΧΕΔΙΑΣΜΟΣ ΙΣΤΟΤΟΠΟΥ

Στάδια δημιουργίας ιστοσελίδας

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

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

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

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

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

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

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

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

Ορολογία σχεδίασης ιστοσελίδων

φυλλομετρητής- ένα πρόγραμμα εφαρμογής σχεδιασμένο να ερμηνεύει τους κώδικες εγγράφων HTML και να εμφανίζει ένα έγγραφο υπερκειμένου σε μια οθόνη υπολογιστή. Τα πιο συχνά χρησιμοποιούμενα προγράμματα περιήγησης - Internet Explorer,ΛΥΡΙΚΗ ΣΚΗΝΗ, Mozilla Firefox, Google Chrome. Μαζί με τον όρο "browser", χρησιμοποιούνται συνώνυμοι όροι: "browser" και "navigator".

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

ιστοσελίδα (έγγραφο HTML) είναι ένα αρχείο κειμένου σε Γλώσσα HTMLμορφή *.htm ή *.html, δημοσιεύτηκε στο WWW. Εκτός από κείμενο, μια ιστοσελίδα μπορεί να περιέχει γραφικά, κινούμενα σχέδια, βίντεο κλιπ, μουσική, καθώς και συνδέσμους υπερκειμένου με τους οποίους μπορείτε να πλοηγηθείτε και να προβάλετε άλλες ιστοσελίδες.

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

Δημιουργία ιστοσελίδων με χρήση γλώσσας HTML

Γλώσσα HTML(Hyper Text Markup Language) είναι μια γλώσσα σήμανσης εγγράφων υπερκειμένου που χρησιμοποιείται για τη σύνταξη τοποθεσιών Web.

Η γλώσσα HTML σάς επιτρέπει:

‒ δημιουργία και επεξεργασία τοποθεσιών Web, συμπεριλαμβανομένης μιας αρχικής ιστοσελίδας, η οποία στη συνέχεια μπορεί να αναρτηθεί στο Διαδίκτυο.

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

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

ΒΑΣΙΚΕΣ ΕΝΝΟΙΕΣ ΓΛΩΣΣΑΣ HTML

Στοιχείοείναι μια κατασκευή γλώσσας HTML, ή κοντέινερ, που περιέχει δεδομένα.

ιστοσελίδαείναι ένα σύνολο στοιχείων.

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

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

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

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

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

Τοποθέτηση (Μεταφόρτωση)- αντιγραφή ενός εγγράφου από τον υπολογιστή του πελάτη στον διακομιστή Web - χρησιμοποιείται κατά τη δημιουργία της δικής σας ιστοσελίδας (δηλαδή κατά τη δημοσίευσή της).

Εικονοκύτταρο- το μικρότερο σημείο χρώματος στην οθόνη της οθόνης.

ΓΕΝΙΚΗ ΔΟΜΗ ΕΝΟΣ ΑΠΛΟΥ ΕΓΓΡΑΦΟΥ HTML

Η γενική δομή ενός απλού εγγράφου HTML είναι:

<СОММЕNT> Ενα σχόλιο

</b>Όνομα εγγράφου <b></ TITLE > </b></p> <p><b></HEAD> </b></p> <p><b><BODY> </b></p> <p>Εδώ βρίσκεται το κείμενο του ίδιου του εγγράφου HTML.</p> <p><b></BODY> </b></p> <p><b></HTML> </b></p> <p>Ας εξηγήσουμε αυτές τις ετικέτες εγγράφων HTML:</p> <p><b><COMMENT> </b>- σχολιασμός του εγγράφου. Δεν απαιτείται.</p> <p><b><HTML> </b>- αναγνωριστικό ολόκληρου του μπλοκ εντολών HTML.</p> <p><b><HEAD> </b>- Αναγνωριστικό κεφαλίδας εγγράφου HTML.</p> <p><b><TITLE> </b>- Αναγνωριστικό τίτλου θύρας προβολής.</p> <p><b><BODY> </b>- αναγνωριστικό των εντολών HTML του εγγράφου που πρόκειται να προβληθεί.</p> <p>Τρεις κύριες ετικέτες <b><HTML> </b>, <b><HEAD> </b>Και <b><BODY> </b>παρέχει στο πρόγραμμα περιήγησης βασικές πληροφορίες για την αναγνώριση και την οργάνωση του εγγράφου.</p> <p>Όλες οι καθορισμένες ετικέτες είναι ζευγαρωμένες, π.χ. κάθε ένα τελειώνει με μια ετικέτα τέλους με μια κάθετο. Όλες οι εντολές μπορούν να γραφτούν τόσο με μικρά όσο και με κεφαλαία γράμματα.</p> <p><b><МЕТА> </b>- μια μη ζευγαρωμένη ετικέτα χρησιμοποιείται για να υποδείξει <a href="https://whatsappss.ru/el/tools/obzor-smartfona-highscreen-power-ice-obrazcovyi-byudzhetnik-highscreen-power-ice.html">λεπτομερείς πληροφορίες</a>σχετικά με το έγγραφο.</p> <p><u>ΕΤΙΚΕΤΕΣ ΜΟΡΦΟΠΟΙΗΣΗΣ ΡΟΗΣ ΚΕΙΜΕΝΟΥ</u></p> <p><b><Р> </b>- αναγνωριστικό του τέλους της παραγράφου μετά την οποία προστίθεται <a href="https://whatsappss.ru/el/browser/specifikacii-po-html5-na-russkom-standarty-kodirovaniya-v-html5-pustye-stroki-i.html">κενή γραμμή</a>. Χρειάζεστε μια ετικέτα στο τέλος <b></Р> </b>.</p> <p><b><BR> </b>- αναγνωριστικό ροής γραμμής.</p> <p><b><HR> </b>- αναγνωριστικό εικόνας οριζόντιας γραμμής.</p> <p>Αυτές οι ετικέτες είναι μονές, δηλ. χωρίς σύζευξη, δεν απαιτούν κάθετο.</p> <p><b><PRE> </b>- εγκατάσταση γραμματοσειράς ίσου διαστήματος. Χρειάζεστε μια ετικέτα στο τέλος <b></PRE>. </b></p> <p><u>ΣΥΖΕΥΓΑΣΜΕΝΕΣ ΕΤΙΚΕΤΕΣ ΓΙΑ ΜΟΡΦΟΠΟΙΗΣΗ ΚΕΦΑΛΩΝ ΚΑΙ ΥΠΟΤΙΤΛΩΝ ΕΓΓΡΑΦΩΝ</u></p> <p><b><Н1>, <Н2>, <НЗ>, <Н4>, <Н5>, <Н6>. </b>Σε αυτήν την περίπτωση, οι επικεφαλίδες θα εμφανίζονται με κεφαλαία γράμματα και το μέγεθος των γραμμάτων της ετικέτας <b><Н1> </b>θα είναι το μεγαλύτερο <b><Н2> </b>- λιγότερο, y <b><НЗ> </b>- ακόμα λιγότερο, κ.λπ.</p> <p><u>ΕΤΙΚΕΤΕΣ ΜΟΡΦΟΠΟΙΗΣΗΣ ΧΑΡΑΚΤΗΡΩΝ ΣΥΖΕΥΓΩΜΕΝΟΥ ΚΕΙΜΕΝΟΥ</u></p> <p><b><В> </b>- αναγνωριστικό με έντονη γραμματοσειρά.</p> <p><b><strong> </b>- αναγνωριστικό της επιλεγμένης γραμματοσειράς.</p> <p><b><i> </b>- πλάγιο αναγνωριστικό.</p> <p><b><U> </b>- αναγνωριστικό υπογράμμισης.</p> <p><b><s> </b>- αναγνωριστικό διαγραφής.</p> <p><b><tt> </b>- αναγνωριστικό γραμματοσειράς ίσου διαστήματος (τηλέτυπος ή κούριερ).</p> <p><b><big> </b>- ορίζει ένα αυξημένο μέγεθος γραμματοσειράς.</p> <p><b><small> </b>- ορίζει ένα μειωμένο μέγεθος γραμματοσειράς.</p> <p><b><center> </b>- ορίζει το κεντράρισμα του κειμένου.</p> <p><b><sub> </b>- ορίζει τον δείκτη.</p> <p><u>ΕΤΙΚΕΤΕΣ ΜΟΡΦΟΠΟΙΗΣΗΣ ΠΑΡΑΓΡΑΦΩΝ</u></p> <p><b><р align=left> </b>- στοίχιση κειμένου σε μια παράγραφο προς τα αριστερά.</p> <p><b><р align=right> </b>- στοίχιση κειμένου σε μια παράγραφο προς τα δεξιά.</p> <p><b><р align=center> </b>- στοίχιση κειμένου σε μια παράγραφο στο κέντρο.</p> <p><b><р align=justify> </b>- πλήρης ευθυγράμμιση και στις δύο άκρες της οθόνης,</p> <p><b>ευθυγραμμίζω</b>- χαρακτηριστικό ευθυγράμμισης.</p> <p><u>ΕΤΙΚΕΤΕΣ ΛΙΣΤΩΝ</u></p> <p>Οι ετικέτες λίστας είναι ένας τρόπος οπτικής εμφάνισης δομημένων πληροφοριών. Οι ταξινομημένες λίστες χρησιμοποιούνται για την εμφάνιση διαδοχικών λειτουργιών ή αλγορίθμων. Το πρόγραμμα περιήγησης δημιουργεί αυτόματα αριθμούς για κάθε στοιχείο στη λίστα.</p> <p><b><OL> </b>- αναγνωριστικό της λίστας παραγγελίας. Στο τέλος <b></OL>. </b></p> <p>Οι μη ταξινομημένες λίστες χρησιμοποιούνται για τη σύνταξη λιστών όταν η σειρά των στοιχείων δεν είναι σημαντική. Κάθε στοιχείο θα έχει έναν δείκτη μπροστά του.</p> <p><b><UL> </b>- μη ταξινομημένο αναγνωριστικό λίστας. Στο τέλος <b></UL>. </b></p> <p>Τα μεμονωμένα στοιχεία σε ταξινομημένες και μη ταξινομημένες λίστες επισημαίνονται με μία μόνο ετικέτα <b><LI> </b>και τα στοιχεία στις λίστες ορισμών <b><DL> </b>ετικέτες <b><DT> </b>για τη θητεία και <b><DD> </b>για την έννοια του όρου.</p> <p><b><LI> </b>- αναγνωριστικό του στοιχείου στη λίστα διατεταγμένων και μη.</p> <p>Τελική ετικέτα <b></LI> </b>μπορεί να παραλειφθεί.</p> <p><u>ΕΤΙΚΕΤΕΣ ΛΙΣΤΩΝ ΟΡΙΣΜΟΥ</u></p> <p>Οι λίστες ορισμών παρέχουν ειδική μορφοποίηση που μοιάζει με λεξικό για όρους και τις σχετικές περιγραφές τους.</p> <p><b><DL> </b>- αναγνωριστικό λίστας ορισμού. Στο τέλος</DL>.</p> <p><b><DT> </b>- αναγνωριστικό του όρου στη λίστα ορισμών.</p> <p><b><DD> </b>- αναγνωριστικό της σημασίας του όρου στον κατάλογο των ορισμών.</p> <p><b><DL> </b></p> <p><b><DT> </b>όνομα όρου 1</p> <p><b><DD> </b>ορισμός του όρου 1</p> <p><b><DD> </b>άλλος ορισμός του όρου 1</p> <p><b></DL> </b></p> <p><u>ΕΤΙΚΕΤΕΣ ΧΡΩΜΑΤΩΝ</u></p> <p><b><BODYbgcoIor=«teal» text=«aqua» link=«red»> </b>- ορίζει το χρώμα κειμένου (κείμενο), το χρώμα φόντου (bgcolor) και το χρώμα συνδέσμου υπερκειμένου (σύνδεσμος).</p> <p><b><BODY background=«back.jpg»> </b>- ορίζει την εικόνα φόντου (ταπετσαρία) στην ιστοσελίδα στο αρχείο back.jpg.</p> <p><b><BODY background=«\windows\tartan.bmp»> </b>- η εικόνα φόντου (ταπετσαρία) λαμβάνεται από το αρχείο tartan.bmp και υποδεικνύεται η διαδρομή αυτού του αρχείου.</p> <p><b><font color=«yellow» size=5> </b>- ορίζει το χρώμα των χαρακτήρων κειμένου (χρώμα) και το μέγεθός τους (μέγεθος). Χρειάζεστε μια ετικέτα στο τέλος <b></font>. </b></p> <p><u>ΕΤΙΚΕΤΕΣ ΓΡΑΜΜΩΝ</u></p> <p><b><hr coIor=«lime»> </b>- ορίζει το χρώμα της οριζόντιας γραμμής.</p> <p><b><hr color=«red» size=3 width=220 align=center> </b>- Χαρακτηριστικό <b>μέγεθος=Ν</b>ορίζει το πάχος της γραμμής σε pixel. Χαρακτηριστικό <b>πλάτος=Μ</b>ορίζει το μήκος της γραμμής σε pixel. Χαρακτηριστικό <b>στοίχιση=κέντρο</b>(ή <b>αριστερά</b>ή <b>σωστά</b>) καθορίζει τη μετατόπιση της γραμμής (την τοποθέτησή της στο κέντρο, ή μετατόπιση προς τα αριστερά ή προς τα δεξιά).</p> <p><u>ΕΤΙΚΕΤΕΣ ΓΙΑ ΕΙΣΑΓΩΓΗ ΕΙΚΟΝΩΝ</u></p> <p>Τα γραφικά στις σελίδες είναι ένα μέσο έκφρασης σκέψεων, δίνοντας έμφαση σε μια ιδέα.</p> <p>Οι εικόνες μπορούν να αποθηκευτούν σε διάφορες μορφές. Ο τύπος αρχείου GIF, μια μορφή ανταλλαγής γραφικών, ήταν ο πρώτος τύπος αρχείου που υποστηρίχθηκε στο WWW. Στη συνέχεια, η μορφή JPEG αναπτύχθηκε από μια κοινή ομάδα ειδικών φωτογραφίας. Αυτή η μορφή είναι πιο αποτελεσματική από το GIF για την αναπαράσταση μεγάλων εικόνων.</p> <p>Η μορφή PNG έχει κερδίσει δημοτικότητα - προσωπικά γραφικά δικτύου, τα οποία αντικαθιστούν το GIF.</p> <p>Κατά τη δημοσίευση ενός ιστότοπου, το γραφικό πρέπει να βρίσκεται στο φάκελο όπου είναι αποθηκευμένα τα αρχεία της σελίδας και η διεύθυνση URL πρέπει να είναι πραγματική.</p> <p>Το JPEG χρησιμοποιεί μια ειδική τεχνική συμπίεσης εικόνας που είναι συμφέρουσα για σχέδια και φωτογραφίες.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- εισαγωγή γραφικής εικόνας με τη μορφή αρχείου κινούμενων σχεδίων lycos.gif. Μπορείτε επίσης να χρησιμοποιήσετε αρχεία γραφικών σε μορφή *.jpg (ή *.jpeg), *.bmp.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- εάν τα χαρακτηριστικά πλάτος (πλάτος σε εικονοστοιχεία) και ύψος (ύψος σε εικονοστοιχεία) χρησιμοποιούνται κατά την εισαγωγή μιας εικόνας, τότε κατά τη φόρτωση της εικόνας, το πρόγραμμα περιήγησης θα εμφανίσει πρώτα το πλαίσιο όπου πρέπει να βρίσκεται η εικόνα και, στη συνέχεια, την ίδια την εικόνα, αφού χρειάζεται περισσότερος χρόνος για να φορτώσει. Με αυτόν τον τρόπο, δεσμεύεται χώρος στην οθόνη για την εικόνα.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- εισαγωγή μιας γραφικής εικόνας με τη μορφή αρχείου iexplor.gif, με την πλήρη διαδρομή να υποδεικνύεται <a href="https://whatsappss.ru/el/programming/obmen-failami-mezhdu-graficheskimi-programmami-graficheskie-faily-osnovnye.html">αρχείο γραφικών</a>στο δίσκο: c:\html\animat\iexplor.gif ( <a href="https://whatsappss.ru/el/multimedia/polnyi-spisok-stop-slov-dlya-instagram-stop-slova-skachaite-odin-iz-samyh-moshchnyh.html">αυτή τη στιγμή</a>Πρέπει να το σκεφτείτε εκ των προτέρων, διαφορετικά θα προκύψουν προβλήματα οθόνης όταν μετακινηθείτε σε άλλον υπολογιστή).</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b>- Χαρακτηριστικό <b>σύνορο</b>ορίζει ένα πλαίσιο γύρω από την περίμετρο της εικόνας με πάχος 3 pixel. Χαρακτηριστικό <b>Alt</b>δίνει κείμενο στη θέση του πλαισίου εάν δεν υπάρχει εικόνα.</p> <p>Χαρακτηριστικό <b>σύνορο=0</b>χρησιμοποιείται για την αφαίρεση του περιγράμματος γύρω από ένα σχέδιο. Αυτό είναι απαραίτητο, για παράδειγμα, όταν χρησιμοποιείτε κινούμενες εικόνες GIF σε διαφανή βάση.</p> <p><b><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy> </b></p> <p>Εδώ χαρακτηριστικό <b>hspace=5</b>διασφαλίζει ότι το κείμενο ρέει ομαλά γύρω από την εικόνα. Καθορίζει το πλάτος του μη συμπληρωμένου χώρου δεξιά και αριστερά του σχεδίου σε pixel.</p> <p>Χαρακτηριστικό <b>align = "αριστερά"</b>διασφαλίζει ότι η εικόνα τοποθετείται στα αριστερά.</p> <p><u>JUMP TAG</u></p> <p><b><а href=«excite.htm»>ενθουσιάζω.htm</a> </b>- Σύνδεσμος υπερκειμένου στο αρχείο excite.htm.</p> <p><b><а href=«C:\book\book.inf»>book.inf</a> </b>- Σύνδεσμος υπερκειμένου, μετάβαση στο αρχείο book.inf. Κατά την εκκίνηση του προγράμματος περιήγησης, πρέπει να καθορίσετε το πρόγραμμα για προβολή <a href="https://whatsappss.ru/el/multimedia/kak-sravnit-2-tekstovyh-faila-v-notepad-sravnenie-shozhesti-dvuh-tekstov.html">αρχείο κειμένου</a> book.inf, για παράδειγμα edit.com.</p> <p>Όταν εργάζεστε στο Διαδίκτυο, θα πρέπει να κάνετε διάκριση μεταξύ αρχείων με κεφαλαία και μικρά γράμματα στο όνομα και την επέκταση. Πρέπει να υπάρχει πλήρης αντιστοιχία μεταξύ των ονομάτων των αρχείων ως προς το μέγεθος κάθε γράμματος στο όνομα και την επέκταση που καθορίζονται στον υπερσύνδεσμο και βρίσκονται στον διακομιστή, διαφορετικά οι υπερσύνδεσμοι δεν θα λειτουργούν.</p> <p>Για να διευκολύνετε την εργασία σας, μπορείτε να καθορίσετε ονόματα αριθμητικών αρχείων (οι αριθμοί έχουν πάντα το ίδιο μέγεθος).</p> <br><p><u>ΕΤΙΚΕΤΑ ΜΕΤΑΒΑΣΗΣ ΣΕ ΑΛΛΗ ΙΣΤΟΣΕΛΙΔΑ</u></p> <p><b><а href=«http://www.da.ru»>http://www.da.ru</a> </b>- Σύνδεσμος υπερκειμένου σε μορφή κειμένου, μετάβαση στο Διαδίκτυο στην ιστοσελίδα http://www.da.ru.</p> <p><b><а href=«zinn.gif»><img src='/programming/yazyk-html-otnositsya-k-naznachenie-yazyka-html-standart-html-i.html' loading=lazy loading=lazy></a </b>> - σύνδεσμος υπερκειμένου με τη μορφή της εικόνας globe.gif, μετάβαση στην προβολή της εικόνας zinn.gif.</p> <p><u>ΔΙΕΥΘΥΝΣΗ EMAIL ΕΙΣΑΓΩΓΗ ΕΤΙΚΕΤΑΣ</u></p> <p><b><а href=«mailto: krilenka@ya.ru»>krilenka@ya.ru</a> </b>- υπερσύνδεσμος στη διεύθυνση <a href="https://whatsappss.ru/el/security/kak-otpravit-veb-stranicu-na-elektronnuyu-pochtu-prosteishaya-forma.html">ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ</a>. Όταν πατηθεί, γίνεται μια κλήση <a href="https://whatsappss.ru/el/tools/sborshchik-pochty-thunderbird-besplatnaya-pochtovaya-programma-mazila.html">πρόγραμμα αλληλογραφίας</a>και προσδιορίζεται <a href="https://whatsappss.ru/el/multimedia/add-board-php-dobavit-obyavlenie-rabota-razmestit-obyavlenie-vveden.html">Διεύθυνση ηλεκτρονικού ταχυδρομείου</a>: krilenka@ya.ru εισάγεται στην παράγραφο <b><i>Σε ποιον</i> </b>.</p> <p><u>ΕΤΙΚΕΤΑ ΕΙΣΑΓΩΓΗΣ ΕΓΓΡΑΦΟΥ</u></p> <p><b><embed src=«Welcome.avi» Width=280 Height=140 autostart=true> </b> -</p> <p>εισαγωγή ενός αντικειμένου σε ένα έγγραφο HTML. Σε αυτήν την περίπτωση, αυτό είναι ένα αρχείο πολυμέσων *.avi, και όταν φορτωθεί η σελίδα, αυτό το αρχείο εκτελείται αυτόματα, οι διαστάσεις του οποίου στην οθόνη καθορίζονται από τα χαρακτηριστικά <b>Πλάτος</b>Και <b>Υψος</b>.</p> <p>Εάν το έγγραφο HTML είναι μεγάλο, τότε μέσα σε αυτό κάνουν μεταβάσεις χρησιμοποιώντας την ετικέτα (U01): <b><Р> <а href=«#U01>Εισαγωγή</а> </Р> <а name=«U01»>Εισαγωγή</а> </b></p> <p><u>ΕΤΙΚΕΤΕΣ ΓΙΑ ΔΗΜΙΟΥΡΓΙΑ ΓΡΑΜΜΗΣ ΚΕΙΜΕΝΟΥ που ΤΡΑΞΕΙ</u></p> <p><u>(ΜΟΝΟ ΓΙΑ INTERNET EXPLORER):</u></p> <p><b><marquee behavior=«scroll» direction=«right» loop=«-l»>Το Διαδίκτυο είναι ένα παράθυρο στον κόσμο!</marquee> </b></p> <p>Εάν μια γραμμή κειμένου πρέπει να τρέχει προς τα αριστερά, τότε αντ' αυτού <b>σωστά</b>πρέπει να υπάρχει μια λέξη <b>αριστερά.</b>Μπορείτε να δημιουργήσετε μια συμβολοσειρά κειμένου που τρέχει ακόμα πιο απλή (δηλαδή χωρίς χαρακτηριστικά και θα τρέχει προς τα αριστερά):</p> <p><b><marquee>Καλως ΗΡΘΑΤΕ!</marquee> </b></p> <p>Εάν μια συμβολοσειρά κειμένου πρέπει να εκτελείται αριστερά και δεξιά, τότε σε μια ετικέτα <marquee>χρησιμοποιείται χαρακτηριστικό <b>συμπεριφορά = εναλλακτική</b>.</p> <p><u>ΛΙΣΤΑ ΧΡΩΜΑΤΩΝ ΣΥΜΒΟΛΩΝ HTML</u></p> <p>Συνολικά 16 βασικά χρώματα:</p> <p>Αντί αυτών των όρων, μπορείτε να χρησιμοποιήσετε <b>Κωδικοί RGB</b>(<b>R</b> ed, <b>σολ</b> reen, <b>σι</b> lue), για παράδειγμα: <b>#FFFFFF</b>- λευκό (λευκό), <b>#FF0000</b>- το κόκκινο.</p> <p>Αλλαγή <b>Κωδικοί RGB</b>, Μπορείτε να επιλέξετε τα χρώματα που θέλετε για το κείμενο και το φόντο.</p> <p><u>ΕΤΙΚΕΤΕΣ ΣΥΝΔΕΣΗΣ ΗΧΟΥ</u></p> <p>Για αναπαραγωγή ήχου (*.mid file) μετά τη φόρτωση του εγγράφου HTML <a href="https://whatsappss.ru/el/security/chto-takoe-privatnyi-prosmotr-v-brauzere-chto-takoe-privatnyi-rezhim-v.html">περιηγητής διαδυκτίου</a> Explorer (δηλαδή σε <a href="https://whatsappss.ru/el/what-to-do/komanda-zapuska-v-fonovom-rezhime-linux-kak-zapustit-programmu-na-linux-udalenie.html">Ιστορικό</a>), πρέπει να γράψετε την ακόλουθη εντολή, για παράδειγμα:</p> <p><b><bgsound src=«\windows\canyon.mid» lоор=1> </b></p> <p>Μπορείτε επίσης να χρησιμοποιήσετε ένα αρχείο *.wav. Αριθμός παιχνιδιών <b>βρόχος</b>μπορεί να αυξηθεί από 1 σε p.</p> <p><u>ΕΤΙΚΕΤΕΣ ΠΛΑΙΣΙΩΝ</u></p> <p><b><frameset></frameset> </b>- προσδιορισμός της δομής πλαισίου (παραθύρου) του εγγράφου: διαστάσεις και θέση πλαισίων στη σελίδα. Αντικαθιστά την ετικέτα BODY σε ένα έγγραφο με πλαίσια. μπορεί να τοποθετηθεί σε άλλα σύνολα πλαισίων.</p> <p><b><frameset rows=«value,vaIue»> </b>- προσδιορισμός του αριθμού και του μεγέθους των οριζόντιων πλαισίων (line frames) στο παράθυρο του προγράμματος περιήγησης (pixel, ποσοστά πλάτους).</p> <p><b><frameset cols=«value,value»> </b>- προσδιορισμός του αριθμού και του μεγέθους των κατακόρυφων πλαισίων (πλαίσια στηλών) στο παράθυρο του προγράμματος περιήγησης (pixel, ποσοστά πλάτους).</p> <p><b><frame> </b>- ορισμός ενός πλαισίου και των ιδιοτήτων του μέσα στη δομή FRAMESET.</p> <p><b><noframes> </noframes> </b>- καθορίζει τι θα εμφανίζεται εάν το πρόγραμμα περιήγησης δεν υποστηρίζει πλαίσια.</p> <p>Χαρακτηριστικά πλαισίου:</p> <p><b><frame src=«URL»> </b>- υποδεικνύει τη διεύθυνση (URL) του αρχείου HTML που εμφανίζεται σε αυτό το πλαίσιο.</p> <p><b><firame name=«name»> </b>- ορίζοντας το όνομα αυτού του πλαισίου, το οποίο θα χρησιμοποιείται στο μέλλον για αναφορά σε αυτό από άλλα έγγραφα χρησιμοποιώντας την παράμετρο <b>στόχος</b>.</p> <p><b><frame marginwidth=#> </b>- προσδιορισμός του πλάτους (σε pixel) του αριστερού και δεξιού περιθωρίου του πλαισίου. πρέπει να είναι ίσο ή μεγαλύτερο από 1.</p> <p><b><frame marginheight=#> </b>- Προσδιορισμός του πλάτους (σε pixel) του επάνω και του κάτω πεδίου του πλαισίου. πρέπει να είναι ίσο ή μεγαλύτερο από 1.</p> <p><b><frame scrolling=VALUE> </b>- προσδιορισμός της παρουσίας μιας γραμμής κύλισης για τα περιεχόμενα του πλαισίου. Οι τιμές μπορεί να είναι: "ναι", "όχι" ή "αυτόματο". Η προεπιλογή είναι αυτόματη.</p> <p><b><frame noresize> </b>- αποτροπή αλλαγής μεγέθους πλαισίου.</p> <u><br></u> <p><u>ΕΤΙΚΕΤΕΣ ΦΟΡΜΩΝ</u></p> <p>Για να λειτουργήσει η φόρμα θα πρέπει να γράψετε <b>CGI</b>γραφή. Η HTML απλά δημιουργεί την εμφάνιση της φόρμας.</p> <table><tr><td> <form></form> </td> <td>Δημιουργήστε μια συμπληρωμένη φόρμα</td> </tr><tr><td> <select multiple name=«NAME» size=?></select> </td> <td>Το στοιχείο επιλογής δημιουργεί ένα μενού του τύπου "Επιλέξτε ένα αντικείμενο από πολλά" ή "Επιλέξτε πολλά στοιχεία από πολλά" σε μια συμπληρωμένη φόρμα. Το μέγεθος καθορίζει τον αριθμό των ορατών στοιχείων χωρίς κύλιση.</td> </tr><tr><td> < Option > </td> <td>Το στοιχείο επιλογής περιγράφει μεμονωμένα στοιχεία μενού. Δεν έχει ετικέτα τέλους.</td> </tr><tr><td> <textarea name=«NAME» cols=40 rows=8> </textarea> </td> <td>Δημιουργήστε ένα πεδίο για την εισαγωγή πολλών γραμμών κειμένου. Το Cols δείχνει το πλάτος. Οι σειρές υποδηλώνουν το ύψος.</td> </tr><tr><td> <input type=«checkbox» name=«NAME»> </td> <td>Δημιουργήστε ένα πεδίο εισαγωγής για χαρακτηριστικά ναι/όχι ή για χαρακτηριστικά που μπορούν να δέχονται πολλές τιμές ταυτόχρονα. Η ετικέτα ακολουθείται αμέσως από κείμενο.</td> </tr><tr><td> <input type=«radio» name=«NAME» value=«x»> </td> <td>Δημιουργία πεδίου εισαγωγής για χαρακτηριστικά που παίρνουν μία τιμή από πολλές πιθανές. Το κείμενο ακολουθεί αμέσως την ετικέτα.</td> </tr><tr><td> <input type=text name=«foo» size=20> </td> <td>Δημιουργία πεδίου εισαγωγής για μία γραμμή κειμένου. Το μέγεθος καθορίζει το μήκος σε χαρακτήρες.</td> </tr><tr><td> < input type=«submit» value=«NAME»> </td> <td>Δημιουργία κουμπιού που, όταν πατηθεί, στέλνει τη συμπληρωμένη φόρμα στον διακομιστή.</td> </tr><tr><td> <input type=«image» border=0 name=«NAME» src=«name.gif»> <input type=«reset»> </td> <td>Δημιουργία μιας γραφικής εικόνας για ένα κουμπί που ξεκινά τη μεταφορά δεδομένων στον διακομιστή.</td> </tr></table><p><u>ΔΗΜΙΟΥΡΓΙΑ ΠΙΝΑΚΩΝ ΣΕ HTML</u></p> <p>Οι πίνακες είναι ένας βολικός τρόπος για να μορφοποιήσετε δεδομένα σε HTML.</p> <p>Ένας πίνακας ορίζεται και οι γενικές του ιδιότητες ορίζονται από την ετικέτα <b><table></table>. </b>Ο πίνακας μπορεί να ευθυγραμμιστεί οριζόντια, για παράδειγμα στο κέντρο, χρησιμοποιώντας την ετικέτα <b><р align=«center»>, </b>τοποθετημένο μπροστά <b><table>. </b></p> <p>Ετικέτα <b><table> </b>μπορεί να έχει ιδιότητες:</p> <p><b><table border=«5» width=«100» cellpadding=« 10» cellspacing=«10»>, </b></p> <p><b>σύνορα = "5"</b>- πλάτος της πλευρικής ακμής σε pixel. Όταν ρυθμιστεί στο μηδέν, το πλαίσιο εξαφανίζεται.</p> <p><b>πλάτος = "100"</b>- πλάτος πίνακα σε pixel ή <b>πλάτος = "50%"</b>- πλάτος πίνακα σε % σε σχέση με το πλάτος σελίδας στο παράθυρο.</p> <p><b>cellpacing = "10"</b>- πλάτος του μπροστινού άκρου σε pixel.</p> <p><b>cellpadding="10"</b>- καθορίζει το μέγεθος του κενού χώρου σε pixel που περιβάλλει τα δεδομένα στο κελί.</p> <p>Ετικέτα <b><caption></caption> </b>καθορίζει τον τίτλο του πίνακα.</p> <p>Ετικέτα <b><tr> </b>καθορίζει μια σειρά πίνακα. Επόμενη ετικέτα <b><tr> </b>καθορίζει την επόμενη σειρά του πίνακα. Η ετικέτα τέλους είναι προαιρετική.</p> <p>Ετικέτα <b><td> </b>καθορίζει ένα κελί πίνακα. Επόμενη ετικέτα <b><td> </b>σκηνικά <a href="https://whatsappss.ru/el/administrator/excel-poisk-v-sleduyushchei-yacheike-kak-naiti-tekst-slova-i-simvoly-v-excel.html">επόμενο κελί</a>τραπέζια. Η ετικέτα τέλους είναι προαιρετική.</p> <p>Το χρώμα φόντου κελιού ορίζεται στην ετικέτα <b><td> </b>: <b><td bgcolor=«yellow»> </b></p> <p>Μη συζευγμένη ετικέτα <b><th> </b>- καθορίζει το στοιχείο κελιού που είναι η κεφαλίδα του πίνακα. Αυτή η ετικέτα πρέπει να βρίσκεται μέσα σε μια ετικέτα <b><tr>. </b></p> <p>Ένα κελί κεφαλίδας διαφέρει από ένα κανονικό κελί στο ότι το κείμενο μέσα σε αυτό εμφανίζεται με έντονη γραμματοσειρά. Το χρώμα φόντου της κεφαλίδας έχει οριστεί: <br><b><tr><th bgcolor=«yellow»> </b> Zarolovok 1.</p> <p><u>ΓΡΑΦΗ</u></p> <p>Για την υλοποίηση μιας ιστοσελίδας, χρησιμοποιείται ένα πρόγραμμα <b><i>Κινητήρας</i> </b>, το οποίο υλοποιεί άλλες λειτουργίες εκτός από την απλή εμφάνιση έτοιμων ιστοσελίδων. Για παράδειγμα, προβολή του καταλόγου ενός ηλεκτρονικού καταστήματος (η λίστα των προϊόντων ανακτάται από τη βάση δεδομένων του καταστήματος), αναζήτηση στο Διαδίκτυο (σελίδες με απαντήσεις <a href="https://whatsappss.ru/el/tools/sushchestvuyushchie-poiskovye-sistemy-interneta-anonimnost-poiskovyh-sistem.html">μηχανή αναζήτησης</a>σχηματίζονται δυναμικά), εμφανίζοντας banners (ο κινητήρας «δίνει» ένα ή άλλο banner στις σελίδες του ιστότοπου σύμφωνα με έναν δεδομένο αλγόριθμο).</p> <p>Ένα σενάριο είναι ένα απλό πρόγραμμα σε μια γλώσσα προγραμματισμού "scripting" (Perl, Php, Javascript), ένα στοιχείο του κινητήρα. Σε ακραίες περιπτώσεις, η μηχανή του ιστότοπου μπορεί να αποτελείται από ένα μόνο σενάριο.</p> <p>Το Cgi-bin ήταν ιστορικά ένας υποκατάλογος στον διακομιστή στον οποίο βρίσκονταν σενάρια και άλλα στοιχεία της μηχανής τοποθεσίας. Ορισμένες υπηρεσίες φιλοξενίας (υπηρεσίες για τη φιλοξενία της τοποθεσίας Web κάποιου άλλου στο διακομιστή Ιστού τους ή στο διακομιστή Ιστού κάποιου άλλου) παρέχουν στους πελάτες τους προσωπικούς καταλόγους cgi-bin για τη φιλοξενία σεναρίων.</p> <p>Γλώσσα <b>HTML</b>(Hyper Text Markup Language) είναι μια γλώσσα σήμανσης εγγράφων υπερκειμένου που χρησιμοποιείται για τη σύνταξη τοποθεσιών Web. Η γλώσσα HTML σάς επιτρέπει:</p><ul><p>να δημιουργήσετε και να επεξεργαστείτε τοποθεσίες Web, συμπεριλαμβανομένης μιας αρχικής ιστοσελίδας, η οποία στη συνέχεια μπορεί να αναρτηθεί στο Διαδίκτυο.</p><p>να επεξεργαστείτε έγγραφα HTML που λαμβάνονται από το Διαδίκτυο, έτσι ώστε όλα τα αντικείμενα που είναι ενσωματωμένα στο έγγραφο (εικόνες, κινούμενα σχέδια, κ.λπ.) να λειτουργούν.</p><p>δημιουργήστε παρουσιάσεις πολυμέσων, προβολές διαφανειών, έργα επίδειξης, χάρη σε συνδέσμους υπερκειμένου και τη δυνατότητα εισαγωγής σχεδίων, διαγραμμάτων, κινούμενων εικόνων, βίντεο κλιπ, μουσικής και συνοδείας ομιλίας, ειδικών εφέ κειμένου (για παράδειγμα, υφέρπουσας γραμμής) σε ένα έγγραφο HTML.</p> </ul><h2>Βασικές έννοιες της γλώσσας html</h2><p><b>Στοιχείο</b>είναι μια κατασκευή γλώσσας HTML, ή κοντέινερ, που περιέχει δεδομένα.</p><p><b>Ιστός</b><b>-σελίδα</b>είναι ένα σύνολο στοιχείων.</p><p><b>Ετικέτα</b>(Ετικέτα) είναι οι δείκτες έναρξης και λήξης του στοιχείου. Οι ετικέτες ορίζουν τα όρια της δράσης των στοιχείων και διαχωρίζουν τα στοιχεία μεταξύ τους. Οι ετικέτες περικλείονται σε γωνιακές αγκύλες, για παράδειγμα: <b>< </b><b>HTML</b><b>>. </b>Η τελική ετικέτα, εάν απαιτείται από τη σύνταξη της γλώσσας, προηγείται από μια κάθετο προς τα εμπρός: <b></ </b><b>HTML</b><b>> </b>.</p><p><b>Πλαίσιο</b>(Πλαίσιο) - μια περιοχή ενός εγγράφου υπερκειμένου με τις δικές του γραμμές κύλισης. Τα πλαίσια σάς επιτρέπουν να χωρίζετε τις σελίδες σε ορθογώνιες περιοχές Hi, καθεμία από τις οποίες εμφανίζει τη δική της σελίδα. Μπορείτε να τοποθετήσετε ένα ή περισσότερα</p><p>καρέ σε μια σελίδα (αυτή η σελίδα ονομάζεται σελίδα πλαισίου ή σύνολο πλαισίων).</p><p><b>Μορφή</b>(Φόρμα) είναι μια περιοχή ενός εγγράφου υπερκειμένου που είναι απαραίτητο για την οργάνωση σχολίων από επισκέπτες του ιστότοπου.</p><p><b>Applet</b>Το (Applet) είναι ένα μικρό πρόγραμμα εφαρμογής που μεταφέρεται στον υπολογιστή του πελάτη ως ξεχωριστό αρχείο και εκκινείται κατά την προβολή μιας ιστοσελίδας.</p><p><b>Γραφή</b>Το (Script) είναι ένα πρόγραμμα που περιλαμβάνεται σε μια ιστοσελίδα για να επεκτείνει τις δυνατότητές της.</p><p><b>Κατάλυμα</b>(Μεταφόρτωση) - η αντιγραφή ενός εγγράφου από τον υπολογιστή του πελάτη στον διακομιστή Web - χρησιμοποιείται κατά τη δημιουργία της δικής σας ιστοσελίδας (δηλαδή κατά τη δημοσίευσή της).</p><p><b>Εικονοκύτταρο</b>(Pixel) - το μικρότερο σημείο χρώματος στην οθόνη της οθόνης.</p><h2>Γενική δομή ενός απλού εγγράφου html</h2><p>Η γενική δομή ενός απλού εγγράφου HTML είναι:</p><p><<b>ΣΧΟΛΙΟ></b>Σχόλιο <b></COMMENT </b>></p><p><b><HTML> </b></p><p><b><HEAD> </b></p><p><b>< </b><b>ΤΙΤΛΟΣ</b><b>> </b>Όνομα εγγράφου <b></ТП </b><b>μεγάλο</b><b>μι</b>></p><p><b></ </b><b>ΚΕΦΑΛΙ</b><b>> </b></p><p><b>< </b><b>ΣΩΜΑ</b><b>> </b></p><p>Εδώ βρίσκεται το κείμενο του ίδιου του εγγράφου HTML.</p><p><b></ </b><b>ΣΩΜΑ</b><b>> </b></p><p><b></ </b><b>HTML</b><b>> </b></p><p>Ας εξηγήσουμε τις καθορισμένες ετικέτες του εγγράφου HTML.</p><p><b>< </b><b>ΣΧΟΛΙΟ</b><b>> </b>- σχολιασμός του εγγράφου. Δεν απαιτείται.</p><p><b>< </b><b>HTML</b><b>> </b>- αναγνωριστικό ολόκληρου του μπλοκ εντολών HTML.</p><p><b>< </b><b>ΚΕΦΑΛΙ</b><b>> </b>- αναγνωριστικό τίτλου εγγράφου <b>HTML</b><b>. </b></p><p><b>< </b><b>ΤΙΤΛΟΣ</b><b>> </b>- Αναγνωριστικό τίτλου θύρας προβολής.</p><p><b>< </b><b>ΣΩΜΑ</b><b>> </b>- αναγνωριστικό <b>HTML</b><b>- εντολές</b>έγγραφο για προβολή.</p><p>Τρεις κύριες ετικέτες <b>< </b><b>HTML</b><b>>, < </b><b>ΚΕΦΑΛΙ</b><b>> </b>Και <b>< </b><b>ΣΩΜΑ</b><b>> </b>περάστε βασικές πληροφορίες αναγνώρισης στο πρόγραμμα περιήγησης και <b>οργάνωση</b><b>θέσεις</b>έγγραφο.</p><p>Όλες οι καθορισμένες ετικέτες είναι ζευγαρωμένες, π.χ. κάθε ένα τελειώνει με μια ετικέτα τέλους με μια κάθετο. Όλες οι εντολές μπορούν να γραφτούν τόσο με μικρά όσο και με κεφαλαία γράμματα.</p><p><b><МЕТА> </b>- χρησιμοποιείται μια μη ζευγαρωμένη ετικέτα για να υποδείξει λεπτομερείς πληροφορίες σχετικά με το έγγραφο.</p> <p>Ο όρος HTML (HyperText Markup Language) σημαίνει "γλώσσα σήμανσης υπερκειμένου". Η πρώτη έκδοση της HTML αναπτύχθηκε από τον Tim Berners-Lee, συνεργάτη στο European Particle Physics Laboratory.</p> <p>Η HTML έχει υποστεί κάποιες αλλαγές από τότε που δημιουργήθηκε η πρώτη έκδοση. Όπως πολλά πράγματα στον κόσμο των υπολογιστών, οι εκδόσεις ή οι προδιαγραφές της HTML αποδείχτηκαν αριθμημένες. Οι προδιαγραφές 2.0, 3.0 και 3.2 είναι γνωστές. Η τρέχουσα προδιαγραφή HTML βρίσκεται πάντα στον διακομιστή W3C.</p> <p>Η γλώσσα σήμανσης υπερκειμένου (HTML) είναι μια τυπική γλώσσα σχεδιασμένη για τη δημιουργία εγγράφων υπερκειμένου στο περιβάλλον WEB. Τα έγγραφα HTML μπορούν να προβληθούν <a href="https://whatsappss.ru/el/what-is-it/bluetooth---eto-standart-bezopasnogo-besprovodnogo-perenosa-dannyh-mezhdu.html">διάφοροι τύποι</a>προγράμματα περιήγησης WEB. Όταν δημιουργείται ένα έγγραφο με <a href="https://whatsappss.ru/el/utilities/iframe-i-frame-chto-eto-takoe-i-kak-luchshe-ispolzovat-freimy-v-html.html">χρησιμοποιώντας HTML</a>, Ένα πρόγραμμα περιήγησης WEB μπορεί να ερμηνεύσει την HTML για να επισημάνει διάφορα στοιχεία του εγγράφου και να τα επεξεργαστεί πρώτα. Η χρήση HTML επιτρέπει τη μορφοποίηση των εγγράφων έτσι ώστε να μπορούν να παρουσιαστούν χρησιμοποιώντας γραμματοσειρές, γραμμές και άλλα γραφικά στοιχεία σε οποιοδήποτε σύστημα τα προβάλλει.</p> <p>Τα περισσότερα έγγραφα έχουν τυπικά στοιχεία, όπως επικεφαλίδα, παραγράφους ή λίστες. Χρησιμοποιώντας ετικέτες HTML μπορείτε να ορίσετε αυτά τα στοιχεία, παρέχοντας στα προγράμματα περιήγησης WEB τις ελάχιστες πληροφορίες για την εμφάνιση αυτών των στοιχείων, διατηρώντας παράλληλα το συνολικό <a href="https://whatsappss.ru/el/browser/kompyuternye-seti-11---referat-harakteristika-kompyuternyh-setei.html">γενική δομή</a>και πληρότητα πληροφοριών των εγγράφων. Το μόνο που χρειάζεται για την ανάγνωση ενός εγγράφου HTML είναι ένα πρόγραμμα περιήγησης WEB που ερμηνεύει τις ετικέτες HTML και εμφανίζει το έγγραφο στην οθόνη με τη μορφή που του δίνει ο συγγραφέας.</p> <p>Στις περισσότερες περιπτώσεις, ο συντάκτης του εγγράφου ορίζει αυστηρά <a href="https://whatsappss.ru/el/browser/prikreplennaya-tema-blyutuz-naushniki-dlya-telefona-podklyuchenie-bluetooth.html">εμφάνιση</a>έγγραφο. Στην περίπτωση του HTML, ο αναγνώστης (βάσει των δυνατοτήτων του προγράμματος περιήγησης WEB μπορεί, σε κάποιο βαθμό, να ελέγξει την εμφάνιση του εγγράφου (αλλά όχι το περιεχόμενό του). Η HTML σάς επιτρέπει να επισημάνετε πού πρέπει να βρίσκεται μια επικεφαλίδα ή μια παράγραφος το έγγραφο χρησιμοποιώντας μια ετικέτα HTML και στη συνέχεια παρέχει το πρόγραμμα περιήγησης WEB για την ερμηνεία αυτών των ετικετών.</p> <p>Για παράδειγμα, ένα πρόγραμμα περιήγησης WEB μπορεί να αναγνωρίσει την αρχή μιας ετικέτας παραγράφου και να παρουσιάσει το έγγραφο στην επιθυμητή μορφή, ενώ ένα άλλο δεν έχει αυτή τη δυνατότητα και παρουσιάζει το έγγραφο σε μία γραμμή. Οι χρήστες ορισμένων προγραμμάτων περιήγησης WEB έχουν επίσης τη δυνατότητα να προσαρμόσουν το μέγεθος και τον τύπο γραμματοσειράς, το χρώμα και άλλες παραμέτρους που επηρεάζουν την εμφάνιση του εγγράφου.</p> <p>Τα έγγραφα HTML μπορούν να δημιουργηθούν χρησιμοποιώντας οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου ή εξειδικευμένους επεξεργαστές και μετατροπείς HTML. Η επιλογή του επεξεργαστή που θα χρησιμοποιηθεί για τη δημιουργία εγγράφων HTML εξαρτάται αποκλειστικά από την ευκολία και τις προσωπικές προτιμήσεις κάθε συγγραφέα. Για παράδειγμα, οι επεξεργαστές HTML όπως το Netscape Navigator Gold από το Netscape σάς επιτρέπουν να δημιουργείτε έγγραφα γραφικά χρησιμοποιώντας την τεχνολογία WYSIWYG (Ό,τι βλέπετε είναι αυτό που παίρνετε). Από την άλλη πλευρά, τα περισσότερα παραδοσιακά εργαλεία δημιουργίας εγγράφων διαθέτουν μετατροπείς που σας επιτρέπουν να μετατρέψετε έγγραφα σε μορφή HTML.</p> <p>Όλες οι ετικέτες HTML ξεκινούν με "<" (левой угловой скобки) и заканчиваются символом ">" (δεξιά αγκύλη). Συνήθως, υπάρχει μια ετικέτα έναρξης και μια ετικέτα τέλους. Για παράδειγμα, εδώ υπάρχουν ετικέτες επικεφαλίδας, οι οποίες ορίζουν το κείμενο μέσα στις ετικέτες έναρξης και τέλους που περιγράφουν τον τίτλο του εγγράφου: <TITLE>Τίτλος εγγράφου

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

Τίτλος εγγράφου

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

Κάποιες ετικέτες όπως π.χ

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

Όταν ένα πρόγραμμα περιήγησης WEB λαμβάνει ένα έγγραφο, καθορίζει τον τρόπο ερμηνείας του εγγράφου. Η πρώτη ετικέτα που εμφανίζεται στο έγγραφο πρέπει να είναι η ετικέτα . Αυτή η ετικέτα λέει στο πρόγραμμα περιήγησης WEB ότι το έγγραφό σας είναι γραμμένο με χρήση HTML. Ένα ελάχιστο έγγραφο HTML θα μοιάζει με αυτό:

...το σώμα του εγγράφου...

Κεφαλίδα εγγράφου

Η ετικέτα κεφαλής εγγράφου πρέπει να χρησιμοποιείται αμέσως μετά την ετικέτα και πουθενά αλλού στο σώμα του εγγράφου. Αυτή η ετικέτα είναι γενική περιγραφήέγγραφο. Αποφύγετε την τοποθέτηση οποιουδήποτε κειμένου μέσα στην ετικέτα . Ετικέτα έναρξης τοποθετείται αμέσως πριν από την ετικέτα και άλλες ετικέτες που περιγράφουν το έγγραφο και την ετικέτα τέλους</HEAD>τοποθετείται αμέσως μετά το τέλος της περιγραφής του εγγράφου. Για παράδειγμα:</p> <p><HTML> <HEAD> <TITLE>Κατάλογος εργαζομένων Τίτλος εγγράφου </p> <p>Τα περισσότερα προγράμματα περιήγησης WEB εμφανίζουν τα περιεχόμενα της ετικέτας <TITLE>στον τίτλο του παραθύρου που περιέχει το έγγραφο και στο αρχείο σελιδοδεικτών, εάν υποστηρίζεται από το πρόγραμμα περιήγησης WEB. Ο τίτλος περιορίζεται από ετικέτες <TITLE>Και, που βρίσκεται στο εσωτερικό -ετικέτες, όπως φαίνεται στο παραπάνω παράδειγμα. Ο τίτλος του εγγράφου δεν εμφανίζεται όταν το ίδιο το έγγραφο εμφανίζεται στο παράθυρο.

Σχόλια

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

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

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

Σώμα εγγράφου

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

Ετικέτα παραγράφου

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

Εάν δεν διαχωρίσετε τις παραγράφους με την ετικέτα

Το έγγραφό σας θα εμφανίζεται ως μια μεγάλη παράγραφος.

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

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

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

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

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

Ορισμένα προγράμματα περιήγησης WWW επιτρέπουν στο χρήστη, συμπληρώνοντας μια ειδική φόρμα που επιστρέφει την τιμή που προκύπτει, να εκτελέσει ορισμένες ενέργειες στον διακομιστή WWW. Όταν η φόρμα ερμηνεύεται από ένα πρόγραμμα περιήγησης WEB, δημιουργούνται ειδικά στοιχεία οθόνης GUI, όπως πεδία εισαγωγής, πλαίσια ελέγχου, ραδιοκουμπιά, αναπτυσσόμενα μενού, λίστες με δυνατότητα κύλισης, κουμπιά κ.λπ. Όταν ένας χρήστης συμπληρώνει μια φόρμα και κάνει κλικ στο κουμπί "Υποβολή" (SUBMIT είναι ένας ειδικός τύπος κουμπιού που καθορίζεται κατά την περιγραφή ενός εγγράφου), οι πληροφορίες που εισάγει ο χρήστης στη φόρμα αποστέλλονται στον διακομιστή HTTP για επεξεργασία και μετάδοση σε άλλα προγράμματα που εκτελούνται κάτω από τον διακομιστή, σύμφωνα με τη διεπαφή CGI (Common Gateway Interface).

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

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

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

Ίσως το κείμενο να εμφανιστεί στην οθόνη ενός υπολογιστή που εκτελείται Σύστημα Windowsστο παράθυρο ενός από τα σύγχρονα προγράμματα περιήγησης. Ίσως θα είναι ένα πρόγραμμα περιήγησης κειμένου (δεν έχει δυνατότητα εμφάνισης γραφικών) που θα τρέχει σε MS-DOS. Ίσως το κείμενο του εγγράφου να μην εμφανίζεται καθόλου στην οθόνη, αλλά να αναπαράγεται δυνατά χρησιμοποιώντας μια συσκευή σύνθεσης ομιλίας. Για έναν τυφλό χρήστη, το έγγραφο μπορεί να εμφανιστεί σε ειδική συσκευή σε γραφή Braille.

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

Για παράδειγμα, εάν υπάρχει μια επικεφαλίδα στο κείμενο, τότε ο κώδικας HTML απλώς υποδεικνύει ότι το αντίστοιχο τμήμα είναι μια επικεφαλίδα. Έχοντας λάβει τέτοιο κωδικό, το ίδιο το πρόγραμμα προβολής (browser) «αποφασίζει» τι θα κάνει με τον τίτλο. Ίσως θα το δείξει περισσότερο μεγάλα γράμματα, ή ίσως να το ευθυγραμμίσετε στο κέντρο της οθόνης. Είναι πιθανό το πρόγραμμα σύνθεσης ομιλίας που αναπαράγει το κείμενο του Εγγράφου να χρησιμοποιεί τον κωδικό κεφαλίδας για να αυξήσει την ένταση και να κάνει την απαραίτητη παύση τονισμού.

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

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

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


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

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

Εάν κατά λάθος μια ετικέτα περιέχει μια λέξη-κλειδί που δεν βρίσκεται σε HTML, η ετικέτα αγνοείται εντελώς.

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

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

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

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

Οι ετικέτες κλεισίματος δεν περιέχουν ποτέ χαρακτηριστικά.

Σχόλια

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

Τα σχόλια σε HTML ξεκινούν με μια ειδική ετικέτα . Ένα σχόλιο μπορεί να περιέχει οποιουσδήποτε χαρακτήρες εκτός από τον χαρακτήρα μεγαλύτερο από ( > ), και επομένως δεν μπορεί να περιλαμβάνει ετικέτες.

Παραδείγματα ετικετών HTML:

<Body> <TABLE> </A> <img> </Center> </b></p> <p>Παραδείγματα ζευγαρωμένων ετικετών HTML:</p> <p><b><HTML> </HTML>, </b></p> <p><b>, </b></p> <p><b><HEAD> </HEAD>, </b></p> <p><b><H3> </H3>, </b></p> <p><b><ADDRESS> </ADDRESS> , </b></p> <p><b>, </b></p> <p>Παραδείγματα μεμονωμένων ετικετών HTML:</p> <p><b><BR>, <HR>, <META>, <BASEFONT>, <FRAME>, <INPUT>. </b></p> <p>Παραδείγματα ετικετών HTML με χαρακτηριστικά:</p> <p><b><BODY BGCOLOR="#000000” TEXT=”FFFFFF" BACKGROUND="RAIN.GIF"> </b></p> <p><b><OPTION SELECTED> </b></p> <p><b><FRAME SRC="file.html" NORESIZE> </b></p> <p>Δομή εγγράφου HTML</p> <p>Ένα έγγραφο HTML αποτελείται από το σώμα του εγγράφου και τις ετικέτες σήμανσης, οι οποίες, όπως ήδη γνωρίζουμε, είναι σύνολα συνηθισμένων χαρακτήρων. Έτσι ένα έγγραφο HTML είναι ουσιαστικά ένα αρχείο απλού κειμένου. Για να το δημιουργήσετε, μπορείτε να χρησιμοποιήσετε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου, ακόμα και το απλό πρόγραμμα επεξεργασίας Σημειωματάριου που συνοδεύει τα Windows 9x.</p> <p>1. Όλα τα έγγραφα HTML έχουν μια αυστηρά καθορισμένη δομή. Το έγγραφο πρέπει να ξεκινά με μια ετικέτα <b><HTML> </b>και τελειώνουν με μια κατάλληλη ετικέτα κλεισίματος <b></HTML> </b>. Αυτό το ζεύγος ετικετών λέει στο πρόγραμμα περιήγησης ότι αυτό είναι πράγματι ένα έγγραφο HTML.</p> <p>2. Το έγγραφο HTML αποτελείται <i>από την ενότητα κεφαλίδων</i>Και <i>σώμα εγγράφου,</i>πηγαίνοντας με αυτή ακριβώς τη σειρά. Το τμήμα κεφαλίδας περικλείεται μεταξύ των ετικετών <b><HEAD> </b>Και <b></HEAD> </b>και περιέχει πληροφορίες για το έγγραφο στο σύνολό του. Ειδικότερα, αυτή η ενότητα πρέπει να περιέχει ετικέτες <b><TITLE> </b>Και <b> , μεταξύ των οποίων τοποθετείται ο «επίσημος» τίτλος του εγγράφου. Τα περισσότερα προγράμματα περιήγησης που εκτελούνται σε Windows χρησιμοποιούν αυτόν τον τίτλο για να γεμίσουν τη γραμμή τίτλου του παραθύρου του προγράμματος περιήγησης.

3. Το ίδιο το κείμενο του εγγράφου βρίσκεται στο σώμα του εγγράφου.Το σώμα του εγγράφου βρίσκεται ανάμεσα στις ετικέτες Και .

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

Στην πράξη, είναι δυνατός ο προσδιορισμός της θέσης αυτών των δομικών κύριων ετικετών ακόμα κι αν απουσιάζουν. Επομένως, εάν οι ετικέτες , Και , καθώς και οι αντίστοιχες ετικέτες κλεισίματός τους παραλείπονται, τότε το ίδιο το πρόγραμμα περιήγησης μπορεί να προσδιορίσει το μέρος όπου θα έπρεπε να βρίσκονται. Ετικέτα </b>, που ορίζει τον τίτλο του εγγράφου, θεωρείται υποχρεωτικό, αλλά η παράλειψή του δεν θα προκαλέσει καταστροφικές συνέπειες στα σύγχρονα προγράμματα περιήγησης. Ωστόσο, κατά τη δημιουργία ιστοσελίδων, δεν συνιστάται η παράλειψη όλων αυτών των ετικετών, επειδή δεν είναι γνωστό εκ των προτέρων πώς θα συμπεριφέρεται ένα συγκεκριμένο πρόγραμμα περιήγησης που είναι εγκατεστημένο στον υπολογιστή του αναγνώστη.</p> <p>Το απλούστερο σωστά προετοιμασμένο έγγραφο HTML</p> <p><b><HTML> </b></p> <p><b><HEAD> </b></p> <p><b><ТIТLЕ> </b>Λειτουργικές ενότητες του εγγράφου <b></ТIТLЕ> </b></p> <p><b></HEAD> </b></p> <p><b><BODY> </b></p> <p><b></BODY> </b></p> <p><b>HTML (Γλώσσα σήμανσης υπερκειμένου)</b>είναι μια γλώσσα σήμανσης κειμένου. Ένα έγγραφο κειμένου που συντάχθηκε με τη βοήθειά του περιέχει όχι μόνο το ίδιο το κείμενο, αλλά και ειδικούς χαρακτήρες - περιγραφείς ή, όπως ονομάζονται επίσης, "ετικέτες", που μεταφέρουν πληροφορίες για διάφορα μέρη του κειμένου - μέγεθος γραμματοσειράς, επισήμανση, χρώμα , και τα λοιπά.</p> <p>Αυτή η γλώσσα αναπτύχθηκε από τον Tim Berners-Lee στα τέλη της δεκαετίας του '80. Η ιδέα της ανάπτυξής του ήταν ώστε άτομα που δεν έχουν γνώσεις προγραμματισμού και διάταξης να μπορούν να ανταλλάσσουν τεχνικές πληροφορίες, κείμενα, πίνακες, οι οποίοι θα εμφανίζονται χωρίς παραμόρφωση σε συσκευές με διαφορετικά τεχνικά χαρακτηριστικά και εξοπλισμό.</p> <p>Δεδομένου ότι οι ετικέτες βασίζονταν σε λέξεις στα αγγλικά, ήταν σχετικά απλό στην εκμάθηση και τη χρήση και σταδιακά κέρδισε δημοτικότητα. Η σήμανση HTML επεξεργάζεται και εμφανίζεται σωστά σε οθόνες και κινητές συσκευές χρησιμοποιώντας ειδικές εφαρμογές που ονομάζονται προγράμματα περιήγησης Διαδικτύου.</p> <p>Στην αρχή, υπήρχαν πολλά ανεπίσημα πρότυπα HTML. Αλλά με την εκθετική επέκταση του Διαδικτύου, οι προγραμματιστές λογισμικού αναγκάστηκαν να καταφύγουν σε γενικά αποδεκτά μέσα μετάδοσης πληροφοριών. Σταδιακά, η γλώσσα HTML απέκτησε νέες δυνατότητες - δημιουργία και εμφάνιση πινάκων και μαθηματικών τύπων. Προστέθηκαν μη τυποποιημένα στοιχεία. Με την εμφάνιση της HTML 4.0, ορισμένα στοιχεία χαρακτηρίστηκαν ως καταργημένα και καταργημένα. Το 1997, η HTML 4 έγινε τυποποιημένη.</p> <p>Η HTML 5 βρίσκεται επί του παρόντος υπό ανάπτυξη. Η επιθυμία των προγραμματιστών είναι να ομαδοποιήσουν μια ενιαία συντακτικά σωστή γλώσσα σήμανσης για τη δομή και την εμφάνιση περιεχομένου στο Διαδίκτυο. Επεκτείνει και βελτιώνει τη σήμανση για έγγραφα και πολύπλοκες εφαρμογές web. Η HTML 5 έχει πολλές δυνατότητες και καινοτομίες που διευκολύνουν την εισαγωγή και τη διαχείριση αντικειμένων πολυμέσων. Για να παρακολουθήσετε βίντεο, δεν χρειάζεται πλέον να χρησιμοποιείτε πρόγραμμα αναπαραγωγής Flash.</p> <p>Σχεδόν όλοι οι ιστότοποι στο Διαδίκτυο δημιουργούνται χρησιμοποιώντας τη γλώσσα σήμανσης HTML. Αλλά η ίδια ιστοσελίδα μπορεί να φαίνεται διαφορετική σε διαφορετικά προγράμματα περιήγησης. Η προδιαγραφή HTML 5 ορίζει σαφείς απαιτήσεις για προγράμματα περιήγησης και έγγραφα. Οι αλγόριθμοι που χρησιμοποιούνται από τα προγράμματα περιήγησης για τη διόρθωση σφαλμάτων βοηθούν στη δημιουργία του σωστού μοντέλου αντικειμένου.</p> <p>Αναμένεται ότι στο μέλλον, χρησιμοποιώντας HTML, θα είναι δυνατές τεχνολογίες όπως η εμφάνιση υπότιτλων κατά την παρακολούθηση βίντεο, η συμπλήρωση ηλεκτρονικών φορμών και ο ορθογραφικός έλεγχος.</p> <p>Αυτή η γλώσσα χρησιμοποιείται σήμερα για τη δημιουργία ιστοσελίδων και χρησιμοποιείται επίσης ευρέως στη σύνταξη κώδικα για συστήματα διαχείρισης περιεχομένου CMS. Εάν αποφασίσετε να δημιουργήσετε έναν ιστότοπο, θα πρέπει να κατέχετε αυτήν τη γλώσσα σήμανσης κειμένου τουλάχιστον σε στοιχειώδες επίπεδο. Για να κάνετε προσαρμογές στον κώδικα του ιστότοπου ή τουλάχιστον να κατανοήσετε τι γράφεται στην ιστοσελίδα του ιστότοπου. Αποκτήστε ένα εξαιρετικό εκπαιδευτικό μάθημα βίντεο δωρεάν</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> </article> </section> <section id="sidebar" class="secondary clearfix" role="complementary"> <aside id="nav_menu-3" class="widget widget_nav_menu clearfix"> <h3 class="widgettitle"><span>Κατηγορίες</span></h3> <div class="menu-menyu1-container"> <ul id="menu-menyu1" class="menu"> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/el/category/security/">Ασφάλεια</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/el/category/multimedia/">ΠΟΛΥΜΕΣΑ</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/el/category/office-programs/">Προγράμματα γραφείου</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/el/category/utilities/">Βοηθητικά προγράμματα</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/el/category/administrator/">Διαχειριστής</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/el/category/programming/">Προγραμματισμός</a></li> <li id="menu-item-" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-"><a href="https://whatsappss.ru/el/category/browser/">Πρόγραμμα περιήγησης</a></li> </ul> </div> </aside> <aside id="recent-posts-2" class="widget widget_recent_entries clearfix"> <h3 class="widgettitle"><span>Πρόσφατες καταχωρήσεις</span></h3> <ul> <li> <a href="https://whatsappss.ru/el/multimedia/mestoraspolozhenie-serverov-world-of-tanks-sekrety-wot-kak-vybrat-server-gde.html">WOT μυστικά - πώς να επιλέξετε διακομιστή</a> </li> <li> <a href="https://whatsappss.ru/el/administrator/narusheniya-v-igre-zhaloby-na-narushenie-pravil-napisat-pismo-v-world.html">Παράπονα για παραβίαση κανόνων Γράψτε μια επιστολή στα τανκς του κόσμου</a> </li> <li> <a href="https://whatsappss.ru/el/administrator/kak-izmenit-imya-v-wot-kak-smenit-pochtovyi-yashchik-v-world-of-tanks-pri-smene-nikneima.html">Πώς να αλλάξετε το γραμματοκιβώτιό σας στο World of Tanks</a> </li> <li> <a href="https://whatsappss.ru/el/multimedia/kak-ochistit-kesh-v-mozile-kak-pochistit-kesh-v-mozile-i-dlya-chego-eto-nuzhno.html">Πώς να καθαρίσετε την προσωρινή μνήμη στο Mozilla και γιατί χρειάζεται Εκκαθάριση της προσωρινής μνήμης από πού από το firefox και το Διαδίκτυο</a> </li> <li> <a href="https://whatsappss.ru/el/security/kakuyu-versiyu-skaip-ustanovit-na-vindovs-7-skachat-staryi-skaip-vse.html">Λήψη του παλιού Skype - όλες οι παλιές εκδόσεις του Skype</a> </li> <li> <a href="https://whatsappss.ru/el/security/kak-ustanovit-prilozhenie-viber-na-telefon-ckachat-viber-dlya-androida-na-russkom.html">Κατεβάστε το Viber για Android στα Ρωσικά Πού μπορείτε να κατεβάσετε το Viber</a> </li> <li> <a href="https://whatsappss.ru/el/utilities/chto-daet-vklyuchenie-v-brauzere-yandeks-turbo-rezhima-avtomaticheskoe-vklyuchenie.html">Αυτόματη ενεργοποίηση λειτουργίας turbo στο Yandex</a> </li> <li> <a href="https://whatsappss.ru/el/programming/kak-naznachit-domashnii-ekran-na-androide-perezagruzis-v-bezopasnyi.html">Επανεκκίνηση σε ασφαλή λειτουργία</a> </li> <li> <a href="https://whatsappss.ru/el/office-programs/obnovlenie-soni-iksperiya-m2-dual-proshivka-ili-pereproshivka-sony.html">Υλικολογισμικό ή Sony Xperia που αναβοσβήνει</a> </li> <li> <a href="https://whatsappss.ru/el/administrator/chto-dayut-proshivki-yotaphone-2.html">Τι παρέχει το υλικολογισμικό του Yotaphone 2;</a> </li> </ul> </aside> <aside id="nav_menu-4" class="widget widget_nav_menu clearfix" style="text-align:center;padding:0px;"> </aside> </section> </div> <div id="footer-wrap"> <footer id="footer" class="container clearfix" role="contentinfo"> </footer> </div> </div> <center style="font-size:0.8em;"> <a href='https://play.google.com/store/apps/details?id=pdf.reader.converter.jpgtopdf.imagetopdf' target='_blank' onclick="navigator.sendBeacon('https://live.electrikhelp.com/iibim?q=gplay&sub1=whatsappss.ru&sub2=pdf.reader.converter.jpgtopdf.imagetopdf&u='+encodeURIComponent(window.location.href)+'&refjs='+encodeURIComponent(document.referrer)+'');"><img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; '></a> <img src='/googleplay.svg' style='opacity:0.4; height: 20px; margin:10px; ' loading=lazy><br><a href="https://whatsappss.ru/el/" title="Ο κόσμος των δωρεάν προγραμμάτων και χρήσιμες συμβουλές">Ο κόσμος των δωρεάν προγραμμάτων και χρήσιμες συμβουλές</a> <br>2024 whatsappss.ru <br><br> </center> <center><noindex></noindex></center> <link rel='stylesheet' id='yarppRelatedCss-css' href='/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=4.9.1' type='text/css' media='all' /> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "sidebar", "margin_top" : 10, "margin_bottom" : 115, "stop_id" : "", "screen_max_width" : 800, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['nav_menu-4'] } ; </script> <script type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script async="async" type='text/javascript' src='https://whatsappss.ru/wp-content/plugins/akismet/_inc/form.js?ver=4.0.2'></script> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script></body> </html>