Βασική Δομή μιας Σελίδας HTML

Μια σελίδα ιστότοπου είναι ένα απλό αρχείο κειμένου με επέκταση .html. Μέσα σε αυτό το αρχείο αποθηκεύεται το κείμενο της σελίδας HTML μαζί με τις ετικέτες. Αυτό το αρχείο πρέπει απαραίτητα να έχει τις ακόλουθες ετικέτες: την ετικέτα html, η οποία πρέπει να περιέχει το κείμενο ολόκληρου του ιστότοπου (οτιδήποτε είναι γραμμένο έξω από αυτήν την ετικέτα, από το πρόγραμμα πλοήγησης θα αγνοηθεί), και μέσα της πρέπει να υπάρχουν δύο ακόμη ετικέτες: η ετικέτα head για το συνοδευτικό περιεχόμενο της σελίδας και η ετικέτα body - για το κύριο κείμενο, που είναι ορατό στην οθόνη του προγράμματος πλοήγησης.

Στο συνοδευτικό περιεχόμενο, που βρίσκεται μέσα στην ετικέτα head, περιλαμβάνονται πολλά διαφορετικά πράγματα, αλλά για τώρα χρειαζόμαστε μόνο δύο από αυτά. Αυτά είναι η ετικέτα title, που ορίζει τον τίτλο της σελίδας, ο οποίος θα είναι ορατός στη καρτέλα του προγράμματος πλοήγησης, και η ετικέτα meta, που ορίζει την κωδικοποίηση της σελίδας (ορίζεται στο χαρακτηριστικό charset και συνήθως έχει την τιμή utf-8).

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

<!DOCTYPE html>

Λοιπόν, ας δούμε τη βασική δομή μιας σελίδας:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
	</head>
	<body>
		This is the main content of the page.
	</body>
</html>

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