Για να δημιουργήσετε μια άδεια html ιστοσελίδα με τη δομή που ζητά η άσκηση, δημιουργήστε ένα νέo .html αρχείο και αντιγράψτε το παρακάτω:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Τίτλος καρτέλας</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<header>
<nav>
<a href="">Αρχική</a> |
<a href="">Ποιοί Είμαστε</a> |
<a href="">Πληροφορίες</a>
</nav>
<h1>Βασικός τίτλος</h1>
</header>
<section>
<h2>h2 τίτλος</h2>
<p>Εικόνα</p>
<p>Παράγραφος</p>
<h2>h2 τίτλος</h2>
<p>Εικόνα</p>
<p>Παράγραφος</p>
</section>
<footer>
Copyright 2014
</footer>
</body>
</html>
| Βασικές εντολές της HTML | |
|---|---|
| h1, h2, ..., h1 | επικεφαλίδες |
| p | Παράγραφος |
| a | σύνδεσμος ή link |
| img | εικόνα |
| iframe | για την ενσωμάτωση στοιχείων όπως: youtube videos, google maps |
| header | επικεφαλίδα |
| footer | υποσέλιδο |
| section | περιοχή περιεχομένου |
| nav | μενού πλοήγησης |
Σημείωση: Για να δείτε τη λίστα με όλες τις συντομεύσεις πληκτρολογίου του editor html που τώρα χρησιμοποιείτε στο spaces του w3schools, πατήστε το πλήκτρο F1