index.html

<!DOCTYPE html> <!-- it informs the browswer to expect html -->
<html lang="en"> <!-- declare the language of the webpage-->

<!-- head section includes page's properties and the necessary .css - .js files -->
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Αρχική Σελίδα</title> <!-- Title of the webpage -->
    <link rel="stylesheet" href="index.css"> <!-- the css for the menu navigation bar-->
</head>
<body> <!-- section that containes headings, paragraphs , hyperlinks -->
    <nav>  <!-- navigation bar -->
        <ul> <!-- the links that display on the navigation bar -->
            <li><h1 id="title">Quiz Πληροφορικής</h1></li>
            <li><a href="index.html">Αρχική</a></li>
            <li><a href="quiz1.html">Quiz1</a></li>
            <li><a href="gap.html">Quiz2</a></li>
            <li><a href="TrueFalse.html">Quiz3</a></li>
            <li><a href="about.html">Σχετικά Με Εμάς</a></li> 
        </ul>   
    </nav> 
        <section> <!-- we create a section that contains an image, titles and a text -->
            <br> <br>
            <img align="right" class="img-ionio" src="images_mp3/ionio.jpg" width="200" height="200"> <!-- class for image which is displayed on the right side
            of the screen with the given width and size-->
            <br>
            <h2>Καλωσήρθατε στην ιστοσελίδα μας!</h2> <!-- main title of the page-->
            <br> <br>
            <article > <!-- In article block we create a subtitle and write a text-->
                <h3>Η ιστοσελίδα αυτή προορίζεται για μαθητές δευτέρας και τρίτης λυκείου που θέλουν να δοκιμάσουν τις γνώσεις τους στον κλάδο της πληροφορικής!</h3>
                <br>
                <p >&nbsp &nbsp Γνωρίζουμε πως δεν υπάρχουν αρκετά quiz που να δοκιμάζουν τις γνώσεις των μαθητών στην ψευδογλώσσα και δυστυχώς υπάρχουν ακόμη λιγότερα σε μορφή ιστοσελίδας. Η εκπαίδευση θα επιτυγχάνεται μέσα από τη χρήση τριών quiz που στοχεύουν στη πλήρη κάλυψη όλων των γνώσεων του βιβλίου. Το πρώτο quiz χρησιμοποιεί τη δομή της πολλαπλής επιλογής, το δεύτερο quiz έχει ως επίκεντρο τη συμπλήρωση κενών και το τελευταίο αναπαριστά δύο διαγράμματα ροής με τον ανάλογο κώδικα που ο μαθητής θα πρέπει να κρίνει αν είναι σωστοί ή λανθασμένοι. Τέλος, υπάρχει η υποσελίδα "Σχετικά Με Εμάς" η οποία περιέχει πληροφορίες για τους δημιουργούς της σελίδας.</p>
            </article>
        </section>
</body>
</html>