Internet
Now Reading
3o Μάθημα HTML-Ετικέτες Μορφοποίησης
0

3o Μάθημα HTML-Ετικέτες Μορφοποίησης

by Ελένη Χαλικιά26 October, 2012

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

Εισαγωγή στις ετικέτες μορφοποίησης
Οι ετικέτες μορφοποίησης κειμένου έχουν να κάνουν με τη σωστή οργάνωση και μορφοποίηση των κειμένων σας σε ιστοσελίδες HTML.

Σημασιολογία ετικετών
<h1> </h1>
<h2> </h2>
<h3> </h3>   
Όλες αυτές οι ετικέτες είναι για να προσθέσετε στην ιστοσελίδα σας επικεφαλίδα σε ανάλογο μέγεθος χρησιμοποιώντας από το το h1 έως h6. Παρακάτω θα δείτε κάποια παράδειγμα για να κατανοήσετε τις διαφορές τους. 

<h4> </h4>
<h5> </h5>
<h6> </h6>
<p> </p>    Η ετικέτα αυτή είναι για να δημιουργήσουμε στην ιστοσελίδα μας παραγράφους κειμένων.

Παράδειγμα Επικεφαλίδων
Σε αυτό το παράδειγμα για τις επικεφαλίδες θα δείτε την διαφορά μεγέθους των επικεφαλίδων ανάμεσα στις ετικέτες h1 έως h6 και ποιο συγκεκριμένα δείτε την παρακάτω εικόνα.

 
 
 Κώδικας Παραδείγματος:
<html>
<head>
 <title>Παράδειγμα Επικεφαλίδων</title>
</head>
 <body>
    <h1>Ετικέτα h1</h1>
    <h2>Ετικέτα h2</h2>
    <h3>Ετικέτα h3</h3>
    <h4>Ετικέτα h4</h4>
    <h5>Ετικέτα h5</h5>
    <h6>Ετικέτα h6</h6>
 </body>
</html>
 
Παράδειγμα Παραγράφου
Σε αυτό το παράδειγμα για τις παραγράφους θα δείτε τη δημιουργία μιας παραγράφου μέσα σε html κώδικα και ποιο συγκεκριμένα δείτε την παρακάτω εικόνα.
 
 
Κώδικας Παραδείγματος:
<html>
<head>
 <title>Παράδειγμα Παραγράφου</title>
</head>
 <body>
    <p>Καλησπέρα είμαι η Ελένη Χαλικιά και σας καλωσορίζω στο 3ο μας μάθημα   

         για τη γλώσσα σήμανσης HTML</p>                              
 </body>
</html>

 
 Γενικό Παράδειγμα
Σε αυτό το γενικό παράδειγμα μας θα δείτε τη δημιουργία μιας επικεφαλίδας και μιας παραγράφου μέσα σε html κώδικα και ποιο συγκεκριμένα δείτε την παρακάτω εικόνα.
 
  
Κώδικας Παραδείγματος:
 <html>
<head>
 <title>Γενικό Παράδειγμα</title>
</head>
 <body>
     <h2>Παράδειγμα Ετικετών Επικεφαλίδας-Παραγράφου</h2>
    <p>Καλησπέρα είμαι η Ελένη Χαλικιά και σας καλωσορίζω στο 3ο μας μάθημα  
          για τη γλώσσα σήμανσης HTML και στο γενικό μου παράδειγμα για τις δύο  

          ετικέτες μορφοποίησης κειμένου</p>                              
 </body>
</html>

 
Επίλογος
Στο επόμενο μάθημα μας για την HTML θα δείτε την ετικέτα για σωστή ανάγνωση της ιστοσελίδας σας από τον broswer και ποιο συγκεκριμένα τα εξής:
  • Σημασιολογία της ετικέτας
  • Χρήση της ετικέτας
  • Παραδείγματα ετικέτας

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

Συντάκτης
Ελένη Χαλικιά
Τεχνικός Τεχνολογίας Internet
Τεχνικός Εφαρμογών Πληροφορικής

Comments

comments