HTML - CSS Δίνεται παρακάτω ο κώδικας HTML μιας ιστοσελίδας <head> <title> Ηλιούπολη </title> <style> body {background-color: black; width: 900px;} h1 { color: red; text-align: center } p { color: white; font-size: 14; padding: 10px; } </style> </head> <body> <h1> Το σχολείο μας </h1> <a href=″http://www.sch.gr″>Πανελλήνιο Σχολικό Δίκτυο</a> <p> Στόχος του Πανελλήνιου Σχολικού Δικτύου είναι να διασυνδέσει όλα τα σχολεία σε ένα εκπαιδευτικό Intranet.</p> <img src=″athens.jpg″> <video src=″giorti.mp4″ width=″320″ height=″240″controls></video> </body> </html> Να εξηγήσετε το ρόλο των εξής ετικετών: <h1>, <a>, <p>, <img>, <video> καθώς και των 3 κανόνων μορφοποίησης CSS που περικλείονται στην ετικέτα <style>.
HTML - CSS <h1> → ετικέτα επικεφαλίδας (1ο μέγεθος) Με αυτή η πρόταση Το σχολείο μας θα εμφανιστεί με μεγάλα έντονα γράμματα <a> → ετικέτα δεσμού δηλαδή συνδέσμου προς άλλα σημεία της ιστοσελίδας ή άλλη εξωτερική ιστοσελίδα (εδώ μετάβαση στη σελίδα http://www.sch.gr) <p> → ετικέτα παραγράφου <img> → ετικέτα εισαγωγής εικόνας (εδώ εισάγεται η εικόνα athens.jpg) <video> → ετικέτα εισαγωγής βίντεο (εδώ εισάγεται το αρχείο βίντεο giorti.mp4) Κανόνες CSS body {background-color: black; width: 900px;} Το φόντο της ιστοσελίδας θα είναι μαύρο και θα έχει πλάτος στον browser 900px. h1 { color: red; text-align: center } η ετικέτα h1 θα εμφανίζεται με κόκκινα γράμματα, και θα γίνεται στοίχιση κειμένου στο κέντρο p { color: white; font-size: 14; padding: 10px; } Τα κείμενα που είναι μέσα σε παράγραφο θα εμφανίζονται με άσπρα γράμματα, μέγεθος γραμματοσειράς 12 και θα υπάρχει περιθώριο γύρω από τα γράμματα 10px.