Internet
Now Reading
7ο Μάθημα HTML-Γραμματοσειρές
0

7ο Μάθημα HTML-Γραμματοσειρές

by Ελένη Χαλικιά4 November, 2012

 

Περιγραφή Μαθήματος
Στο σημερινό μας μάθημα θα δείτε τις ετικέτες για επιλογή γραμματοσειρών σε κείμενα, τη σημασιολογική τους έννοια, το πως μπορείτε να τις χρησιμοποιήσετε και μερικά παραδείγματα για να τις κατανοήσετε.

Εισαγωγή στις ετικέτες
Οι ετικέτες αυτές είναι για την επιλογή κατάλληλης γραμματοσειράς σε κείμενα ιστοσελίδων. Όταν μιλάμε για γραμματοσειρές εννοούμε τους χαρακτήρες των κειμένων σε διάφορες μορφές, δηλαδή όλοι οι χαρακτήρες είτε τις αλφαβήτου ή είτε αριθμοί έχετε τη δυνατότητα να τους δώσετε μια γραμματοσειρά, δηλαδή μια μορφή ή αλλιώς ένα γραφικό σχεδιασμό.

 Σημασιολογία ετικετών
<font> </font>: Το font ανοίγει και κλείνει την γραμματοσειρά
size: Το size χρησιμεύει για το μέγεθος της γραμματοσειράς
face: Το face χρησιμεύει για την επιλογή της γραμματοσειράς, δηλαδή τον τύπο της
color: Το color χρησιμεύει για να δώσετε χρώμα στη γραμματοσειρά σας

Tips
Τώρα πλέον στην έκδοση HTML 5 δεν χρησιμοποιείτε η ετικέτα font με τα υπόλοιπα στοιχεία της, αλλά χρησιμοποιείτε η γλώσσα μορφοποίησης CSS μαζί με τον συνδυασμό της HTML,όπου περισσότερα θα δούμε σε επόμενα μαθήματα για την γλώσσα CSS.

Παράδειγμα Γραμματοσειράς
Αυτό είναι ένα μικρό παράδειγμα για να δείτε την παλιά μέθοδο, δηλαδή τον παλιό τρόπο όπου μπορούσατε να βάλετε μια γραμματοσειρά σ’ένα κείμενο στην γλώσσα HTML σε παλαιότερη έκδοση από την 5ηκαι ποιο συγκεκριμένα δείτε την παρακάτω.

Κώδικας Παραδείγματος:
<!DOCTYPE html>
<html>
 <head>
     <title>Παράδειγμα Γραμματοσειράς</title>
  </head>
    <body>
        <h3>Παράδειγμα Γραμματοσειράς</h3>
              <font size=”3″ face=”arial” color=”blue”>
                   <p>Αυτό είναι ένα μικρό παράδειγμα για να δείτε την παλιά μέθοδο

                        των  γραμματοσειρών σε γλώσσα HTML παλαιότερη από την  
                        έκδοση 5.</p>
              </font>
   </body>
</html>
 
 Επίλογος
Στο επόμενο μάθημα μας για την HTML θα δείτε τις ετικέτες για δημιουργία πινάκων και ποιο συγκεκριμένα τα εξής:
  • Σημασιολογία των ετικετών
  • Χρήση των ετικετών
  • Παραδείγματα ετικετών

Κατέβασμα Μαθήματος
Κατεβάστε το έβδομο μας μάθημα HTML στον υπολογιστή σας εντελώς δωρεάν σε μορφή pdf.
Download 

 

Συντάκτης

 

Ελένη Χαλικιά

 

Τεχνικός Τεχνολογίας Internet

 

Τεχνικός Εφαρμογών Πληροφορικής

 

Comments

comments