Μάθημα : Εφαρμογές Πληροφορικής - Α΄ Λυκείου
Κωδικός : 3151020372
Κεφάλαιο 11: Εισαγωγή στην HTML
Το παρόν κεφάλαιο πραγματεύεται την έννοια της HTML ως αναπόσπαστου κομματιού του Παγκόσμιου Ιστού.
Παρουσιάζει τα βασικά δομικά στοιχεία της γλώσσας, δηλαδή τις βασικές ετικέτες, και παρουσιάζει την HTML5 που αποτελεί την τελευταία εξέλιξη της γλώσσας HTML με έμφαση σε νέες τεχνολογίες και δομή.
Μαζί με το πρότυπο CSS μπορούμε να δημιουργήσουμε σελίδες εξειδικευμένες στις προτιμήσεις μας τις οποίες μπορούμε να εμπλουτίσουμε με κώδικα HTML που θα εμφανίζει περιεχόμενο από άλλες πηγές.
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
1ο Φύλλο Εργασίας: Εισαγωγή στην HTML
Ετικέτες HTML 1ου Φύλλου Εργασίας:
| <html>.....</html> | Αρχή και τέλος κάθε ιστοσελίδας |
| <body>.....</body> | Κύριο σώμα μιας ιστοσελίδας |
| <title>.....</title> | Ορισμός τίτλου της σελίδας |
| <b>.....</b> | Έντονα γράμματα (bold) |
| <h1-6>.....</h1-6> | Επικεφαλίδες σε διάφορα μεγέθη (από τη μεγαλύτερη - h1 - στη μικρότερη - h6). |
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Συνεχίζουμε με το 2ο φύλλο εργασίας γράφοντας μικρούς κώδικες στην HTML.
Ετικέτες HTML 2ου Φύλλου Εργασίας:
| <p>.....</p> | Αλλαγή παραγράφου |
| <br> | Αλλαγή γραμμής (το tag μόνο ανοίγει) |
| <!--…..--> | Σχόλια |
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Ετικέτες HTML 3ου Φύλλου Εργασίας:
| Γνώρισμα bgcolor στο tag <body> παράδειγμα: <body bgcolor="green"> |
Χρώμα στο background της σελίδας |
| <hr> | Δημιουργεί μια οριζόντια γραμμή |
| <center>.....</center> <right>.....</right> <left>.....</left> <jystify>.....</justify> |
Στοίχιση στο κέντρο Στοίχιση δεξιά Στοίχιση αριστερά Πλήρης στοίχιση |
| Γνώρισμα align στο tag <h1> έως <h6> παράδειγμα: <h* align="right">.....</h*> |
Στοίχηση για επικεφαλίδες |
| <b>.....</b> | Έντονα γράμματα |
| <i>.....</i> | Πλάγια γράμματα |
| <u>.....</u> | Υπογράμμιση |
| <del>.....</del> | Διαγραμμένο |