6
ανοίγματος και ετικέτα κλεισίματος αντίστοιχα). Ανάμεσα στις ετικέτες, οι σχεδιαστές
ιστοσελίδων μπορούν να τοποθετήσουν κείμενο, πίνακες, εικόνες κλπ.
Ο σκοπός ενός web browser είναι να διαβάζει τα έγγραφα HTML και τα συνθέτει σε
σελίδες που μπορεί κανείς να διαβάσει ή να ακούσει. Ο browser δεν εμφανίζει τις ετικέτες
HTML, αλλά τις χρησιμοποιεί για να ερμηνεύσει το περιεχόμενο της σελίδας.
Τα στοιχεία της HTML χρησιμοποιούνται για να κτίσουν όλους του ιστότοπους. Η HTML
επιτρέπει την ενσωμάτωση εικόνων και άλλων αντικειμένων μέσα στη σελίδα, και μπορεί να
χρησιμοποιηθεί για να εμφανίσει διαδραστικές φόρμες. Παρέχει τις μεθόδους δημιουργίας
δομημένων εγγράφων (δηλαδή εγγράφων που αποτελούνται από το περιεχόμενο που
μεταφέρουν και από τον κώδικα μορφοποίησης του περιεχομένου) καθορίζοντας
δομικά σημαντικά στοιχεία για το κείμενο, όπως κεφαλίδες, παραγράφους, λίστες,
συνδέσμους, παραθέσεις και άλλα. Μπορούν επίσης, να ενσωματώνονται σενάρια
εντολών σε γλώσσες όπως η JavaScript, τα οποία επηρεάζουν τη συμπεριφορά των
ιστοσελίδων HTML.
Για την κατασκευή του ιστοχώρου χρησιμοποιήθηκαν οι παρακάτω HTML ετικέτες:
Στοιχείο
Λειτουργία
<!DOCTYPE>
Η δήλωση του DOCTYPE πρέπει να είναι η πρώτη που γίνεται σε
ένα έγγραφο HTML. Είναι μια εντολή στο πρόγραμμα περιήγησης
για το ποια είναι η έκδοση της HTML στο έγγραφο.
<head>
H
ετικέτα <head> είναι βασική, καθώς στο πεδίο της ορίζονται
δεδομένα όπως το είδος των χαρακτήρων που χρησιμοποιούνται
(UTF
– 8, ANSI κτλ), εξωτερικές πηγές αρχείων κτλ.
<title>
H
ετικέτα <title> καθορίζει τον τίτλο της ιστοσελίδας στο internet.
<body>
Η ετικέτα <body> ορίζει το σώμα του εγγράφου. Όλα τα περιεχόμενα
ενός εγγράφου HTML, όπως κείμενο, υπερ-σύνδεσμοι, εικόνες,
πίνακες, λίστες, κλπ. Βρίσκονται μέσα σε αυτό.
<div>
Η ετικέτα <div> καθορίζει ένα τμήμα σε ένα έγγραφο HTML.
Χρησιμοποιείται για την ομαδοποίηση των στοιχείων, ώστε να
δοθούν κοινές μορφοποιήσεις, με τη χρήση του id.
<form>
Η ετικέτα <form> χρησιμοποιείται για να δημιουργηθεί μια φόρμα
HTML, με τις οποίες αλληλεπιδρούν οι χρήστες. Χρησιμοποιείται
επίσης για να περνάει δεδομένα σε ένα διακομιστή.
<input>
Η ετικέτα <input> χρησιμοποιείται για να εισάγει πληροφορίες ο
χρήστης. Περιλαμβάνονται σε μια ετικέτα <form>. Το χαρακτηριστικό
type
δηλώνει τη μορφή της ετικέτας input (type=text/ password/
button/ radio / checkbox/ number/ email/ date).
<table>
Ορίζει έναν πίνακα στην HTML. Ο πίνακας αποτελείται από ένα ή
περισσότερα <tr>, <td> ή <th>.