Μάθημα : A2_πληροφορικη_2024_25
Κωδικός : 0551475371
-
Θεματικές Ενότητες
HTML
HTML tutorial
https://www.tutorialspoint.com/html/html_overview.htm
HTML διεύθυνση 1ης άσκησης
https://ibb.co/NKs45Bn
α)Τοποθετείστε τα <b> </b> πριν και μετα το Markup Language. Τι παρατηρείτε;
β) Σβυστε τα <p> </p>. Τι παρατηρείτε;
γ) Τοποθετείστε το <br> μετά το Markup. Τι παρατηρείτε;
https://ibb.co/1Gk0gFp (είναι η διεύθυνση της εικόνας που έχει επισυναπτεί)
α)Τι κάνει η συγκεκριμένη ιστοσελίδα;
β)Αλλάξτε το h1 με 1) h3, 2) u, 3) i
Ποιο το αποτέλεσμα της εκτέλεσης της σελίδας από τον browser κάθε φορά;
Προσπαθήστε να δημιουργήσετε την ιστοσελίδα που εμφανίζεαι ττην συνημμένη εικόν
Σημ: η ετικέτα για χάραξη οριζόντιας γραμμής είναι η <hr>
Καταρχήν μπείτε στον ιστότοπο w3schools όπου εκεί θα βρείτε την ετικέτα img src για την εισαγωγή εικόνας στην σελίδα σας.
Κατόπιν, κατεβάστε μια εικόνα από το Internet. Αποθηκεύστε την εικόνα στον ίδιο κατάλογο με το html αρχείο που θα δημιουργήσετε. Tο συγκεκριμένο html αρχείο θα εμφανίζει την εικόνα.
Η ετικέττα a href για την δημιουργία υπερσυνδέσμου που καλεί ιστοσελίδα στο Internet.
Η ετικέττα a href (πατείστε εδώ) για την δημιουργία υπερσυνδέσμου που καλεί ιστοσελίδα στο Internet
Από το html αρχείο που θα δημιουργήσετε, καλέστε μια ιστοσελίδα του Internet
Δημιουργια 2 ή περισσοτέρων αρχείων html, αποθηκευμένων στον δίσκο, όπου το ένα καλεί το άλλο
Ένα διόροφο εμπορικό κατάστημα έχει ένα όροφο με ανδρικά/γυναικεία είδη και τον άλλο με παιδικά.
https://maps.app.goo.gl/rwPVkMBkhSFyAvst9
Στην αρχική σελίδα θα βάλετε το όνομα του καταστήματος, μια εξωτερική φωτογρφία του, την διεύθυνσή του και σε νέο παράθυρο (με την εντολή target="_blank" την οποία προσθέτουμε στην ετικέτα <a href>) να εμφανίζεται χαρτης της περιοχής όπου βρίσκεται το κατάστημα (https://maps.app.goo.gl/rwPVkMBkhSFyAvst9) και κατόπιν να ακολουθεί ένα μενού με 2 επιλογές : 1.ανδρικά/γυναικεία, 2.παιδικά.
Με την πρώτη επιλογή θα μεταβαίνουμε σε σελίδα με φωτογραφίες ανδρικών/γυναικείων ειδών και σύντομες περιγραφές. Με την 2η θα μεταβαίνου σε μια νεα σελιδα με φωτογρφίες και μόνο από παιδικά.
Και με τις 2 επιλογές ο έλεγχος θα επιστρέφει στην αρχική σελίδα
Κατεβάστε ένα σύντομο βίντεο από την διεύθυνση https://www.pexels.com/search/videos/funny/ και χρησιμοποιείστε το αρχείο αυτό στον HTML κώδικα που έχει επισυναφθεί
Δημιουργούμε δικές μας HTML εντολές, εμπλουτίζοντας τις ετικέτες της HTML με προσδιοριστές (id) και κλάσεις (class).