Το Διαδίκτυο βασίζεται σε html, μια γλώσσα σήμανσης υπερκειμένου. Με τον όρο "υπερ-κείμενο" εννοείται κείμενο που περιλαμβάνει συνδέσμους. Ήταν η απλή ικανότητα μετάβασης από τη μία σελίδα στην άλλη, από τη μια τοποθεσία στην άλλη που μετέτρεψε την τεχνολογία των υπολογιστών. Η απλότητα του html επιτυγχάνεται με ένα βολικό εργαλείο προγραμματισμού - ετικέτες.
Ετικέτες σε html
Οι ετικέτες στο html είναι ένα μέσο σημασιολογικής (σημασιολογικής) μορφοποίησης, παρουσίασης και επικοινωνίας πληροφοριών. Κάθε ετικέτα πρέπει να βρίσκεται μεταξύ των χαρακτήρων:. Όλες οι ετικέτες html κατανοούνται από τα περισσότερα από τα υπάρχοντα προγράμματα περιήγησης. Ο διεθνής οργανισμός W3C είναι υπεύθυνος για την τυποποίηση και τη δημιουργία νέων ετικετών - εκεί μπορείτε επίσης να μάθετε για όλες τις υπάρχουσες ετικέτες html. Οι ετικέτες μπορούν να λειτουργούν μόνο μέσα στην "κύρια" ετικέτα ενός εγγράφου html - HTML. Οι ετικέτες HEAD και BODY διαχωρίζουν την ιστοσελίδα σε δύο λογικά μέρη. Στο HEAD, μπορείτε να επηρεάσετε τον τίτλο της σελίδας (εμφανίζεται στην καρτέλα του προγράμματος περιήγησης), ενώ το BODY είναι "υπεύθυνο" για όλο το σημασιολογικό περιεχόμενο της σελίδας.
Ενιαίες και ζευγαρωμένες ετικέτες
Όλες οι ετικέτες html μπορούν να χωριστούν σε ζεύγη και μεμονωμένες ετικέτες. Οι μεμονωμένες ετικέτες χρησιμοποιούνται μόνο όταν οι συζευγμένες ετικέτες είναι άχρηστες. Για παράδειγμα, το BR είναι μία ετικέτα, η οποία είναι μια κενή συμβολοσειρά. Εάν γράψετε αυτήν την ετικέτα σε κώδικα HTML, θα μπορείτε να δείτε τη διαχωριστική συμβολοσειρά στο πρόγραμμα περιήγησης. Συνήθως χρησιμοποιείται για το διαχωρισμό μιας ομάδας πληροφοριών από μια άλλη.
Οι συζευγμένες ετικέτες χρησιμοποιούνται για την οργάνωση περιεχομένου. Οι πληροφορίες κειμένου, οι διευθύνσεις αρχείων, οι σύνδεσμοι τοποθετούνται μεταξύ των ετικετών P (παράγραφος κειμένου), IMG (εικόνα), Α (υπερσύνδεσμος).
Χαρακτηριστικά ετικέτας
Ορισμένες ετικέτες έχουν ειδικά χαρακτηριστικά που επηρεάζουν τη "συμπεριφορά" ενός στοιχείου. Μερικές από τις ετικέτες στη σύγχρονη προδιαγραφή html5 καθιστούν δυνατή την απαλλαγή από τον προηγούμενο απαιτούμενο προγραμματισμό για κοινές εργασίες.
Για παράδειγμα, η ετικέτα FORM (πεδίο εισαγωγής) έχει ένα χαρακτηριστικό PLACEHOLDER που αντικαθιστά το πεδίο κειμένου με "πληροφορίες δοκιμής" με προτροπές. Εάν ένας προγραμματιστής ιστού θέλει το πεδίο εισαγωγής του ονόματος να μην είναι κενό, αλλά να εμφανίζει ένα παράδειγμα, μπορεί να ορίσει το χαρακτηριστικό PLACEHOLDER σε "Ivanov Ivan". Στη συνέχεια, το "Ivanov Ivan" θα εμφανιστεί στο πεδίο κειμένου για την εισαγωγή του ονόματος - έως ότου ο χρήστης μετακινήσει τον κέρσορα σε αυτό το πεδίο. Η επιγραφή θα εξαφανιστεί και θα μπορεί να εισάγει το όνομά του.
Σύνδεση με CSS
Μια σχετικά νέα τεχνολογία (σε σύγκριση με το html) για την παρουσίαση ιστότοπων στο Διαδίκτυο είναι το CSS. Το αρκτικόλεξο CSS κρύβει επικαλυπτόμενα φύλλα στυλ. Πριν από την εμφάνισή τους, οι webmaster διαιρούσαν τον ιστότοπο σε μια λογικά καθαρή δομή πίνακα (ετικέτα TABLE). Τώρα οι δημιουργοί ιστότοπων έχουν την ευκαιρία να τοποθετήσουν όλα όσα σχετίζονται με την παρουσίαση του ιστότοπου (συμπεριλαμβανομένης της θέσης των μπλοκ) σε ένα αρχείο ειδικού στυλ css. Για να συνδέσετε ένα φύλλο στυλ σε ένα έγγραφο html, πρέπει να καθορίσετε τη διεύθυνση του αρχείου css στον διακομιστή στην ετικέτα ζεύγους LINK.
