Internet
Now Reading
5o Μάθημα HTML-Ετικέτες Εξαίρεσης
0

5o Μάθημα HTML-Ετικέτες Εξαίρεσης

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

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

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

Αυτές οι ετικέτες στην HTML έχουν τις εξής μορφές:
περιεχόμενο </ονομασία ετικέτας>
                      ή
</ονομασία ετικέτας> περιεχόμενο
                      ή
περιεχόμενο </ονομασία ετικέτας> περιεχόμενο
                     ή
περιεχόμενο </ονομασία ετικέτας> περιεχόμενο </ονομασία ετικέτας>

Σημασιολογία ετικετών

<br /> :  Αυτή η ετικέτα χρησιμοποιείτε για αλλαγή γραμμής
<hr /> :  Αυτή η ετικέτα χρησιμοποιείτε για να διαχωρίσει δύο παραγράφουςμε μια ευθεία  

             γραμμή

Παράδειγμα ετικέτας <br/>
Σε αυτό το παράδειγμα για την ετικέτα αλλαγής γραμμής θα δείτε ένα μικρό παράδειγμα από μια παράγραφο η οποία παίρνει δύο φορές αλλαγή γραμμής και ποιο συγκεκριμένα δείτε την παρακάτω.

 Κώδικας Παραδείγματος:
<!DOCTYPE html>

<head>
<title>Παράδειγμα ετικέτας br</title>
</head>
<body>
   <h2>Παράδειγμα ετικέτας br</h2>
      <p>Καλησπέρα είμαι η Ελένη Χαλικιά και σας καλωσορίζω στο 5ο μας
μάθημα για την<br/>                                   
γλώσσα σήμανσης HTML, ελπίζω να σας αρέσουν τα μαθήματα μου<br/>

και να σας είναι κατανοητά.</p>          
</body>
</html>

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

Κώδικας Παραδείγματος:
<!DOCTYPE html>
<head>
<title>Παράδειγμα ετικετών</title>
</head>
<body>
   <h2>Παράδειγμα ετικέτας 1</h2>
      <p>Το 5ο μας μάθημα πάνω στην HTML</p>
  <hr/>    
    <h2>Παράδειγμα ετικέτας 2</h2>
      <p>Το 5ο μας μάθημα πάνω στην HTML</p>

</body>
Παράδειγμα ετικετών
Σε αυτό το παράδειγμα για την ετικέτα δημιουργίας διαχωριστικής γραμμής θα δείτε ένα μικρό παράδειγμα από δύο παραγράφους και δύο επικεφαλίδες στις οποίες μπαίνει μια διαχωριστική γραμμή και ποιο συγκεκριμένα δείτε την παρακάτω.
  
Κώδικας Παραδείγματος:
<!DOCTYPE html>
<head>
<title>Παράδειγμα ετικετών</title>
</head>
<body>
   <h2>Παράδειγμα ετικετών 1</h2>
      <p>Καλησπέρα είμαι η Ελένη Χαλικιά και σας καλωσορίζω στο 5ο μας  
       μάθημα για την<br/> γλώσσα σήμανσης HTML, ελπίζω να σας αρέσουν  
       τα μαθήματα μου<br/> και να σας είναι κατανοητά.</p>    
  <hr/>
     <h2>Παράδειγμα ετικετών 2</h2>
         <p>Καλησπέρα σας καλωσορίζω στο 5ο μας μάθημα για την <br/> 
               γλώσσα σήμανσης HTML, ελπίζω να σας αρέσουν τα μαθήματα  

                     μου<br/> και να σας αρέσει φυσικά η ιστοσελίδα μας εδώ.</p>    
</body>
</html>

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

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

Comments

comments