Μάθημα : ΕΠΑΛ - Τομέας Πληροφορικής - Β΄ Τάξη] Σχεδιασμός και Ανάπτυξη Ιστοτόπων
Κωδικός : S166191
-
Θεματικές Ενότητες
Εφαρμογή 5. Εμφάνιση...με στυλ
Στην εφαρμογή αυτή γίνεται εισαγωγή στον τρόπο με τον οποίο μπορούμε να μορφοποιήσουμε το περιεχόμενο της ιστοσελίδας με χρήση των Oδηγιών Διαδοχικών Φύλλων Στυλ (Cascading Style Sheets - CSS), οι οποίες εφαρμόζονται με τη βοήθεια της παραμέτρου style σε κάθε ετικέτα που θέλουμε να μορφοποιήσουμε.
Μοντέλο πλαισίου της CSS (CSS box model)
Προέλευση: https://www.tutorialspoint.com/css/css_boxmodel.htm
Πληροφορίες για το CSS box model από το W3Schools.
Πληροφορίες για την εξωτερική γραμμή της CSS από το W3Schools.
Στοιχεία HTML τύπου ΣΕΙΡΑΣ και τύπου ΜΠΛΟΚ
Προέλευση: https://data-flair.training/blogs/html-block-and-inline-elements/
Πληροφορίες από το W3Schools για τις δύο κατηγορίες στις οποίες διακρίνονται στα στοιχεία (ετικέτες) της HTML ως προς τον τρόπο εμφάνισής τους:
- στοιχεία τύπου ΣΕΙΡΑΣ (inline elements)
- στοιχεία τύπου ΜΠΛΟΚ (block elements).
1. Να περιγράψετε τη διαφορά ανάμεσα στα στοιχεία περιεχομένου (ετικέτες της HTML) που ανήκουν στην κατηγορία στοιχεία ΜΠΛΟΚ (BLOCK elements) και σε αυτά που ανήκουν στην κατηγορία στοιχεία ΣΕ ΣΕΙΡΑ (INLINE elements).
2. Να αναφέρετε για κάθε μία κατηγορία από 3 στοιχεία της HTML (ετικέτες, tags) που ανήκουν σε αυτή.
3. Να αναφέρετε τα στοιχεία του Μοντέλου Πλαισίου CSS (CSS Box Model) δίνοντας μίας σύντομη περιγραφή/ορισμό για καθένα από αυτά (π.χ. πλαίσιο).