Internet
Now Reading
4ο Μάθημα HTML-Έλεγχος Λαθών
0

4ο Μάθημα HTML-Έλεγχος Λαθών

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

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


Εισαγωγή στις ετικέτες
Αυτές οι ετικέτες μας βοηθούν στο να εμφανίζουν όλοι οι broswers σωστά την ιστοσελίδα μας, δηλαδή βοηθούν τον broswer να αναγνωρίσει ορθά όλο τον html κώδικα για ορθή λειτουργία της ιστοσελίδας από οποιονδήποτε υπολογιστή παγκοσμίως με οποιονδήποτε εγκατεστημένο φυλλομετρητή (broswer). Κάθε ιστοσελίδα ανάλογα με το περιεχόμενο του html κώδικα της χρειάζεται και την ανάλογη ετικέτα για την ορθή λειτουργία της. Ένα πολύ χρήσιμο και δωρεάν εργαλείο είναι το Markup Vallidation Service το οποίο βοηθά στο να κάνετε έλεγχο για τυχόν λάθη στον html κώδικα σας για να τα διορθώσετε, επιπλέον σας βοηθά να επιλέξετε την ορθή ετικέτα Doctype  και Encoding τα οποία είναι για την ορθή εμφάνιση της ιστοσελίδας.

Σημασιολογία ετικετών
Doctype: Αυτή η ετικέτα είναι για να δηλώσετε τον τύπο κώδικα html τον οποίο γράφετε είτε είναι  τύπος XHTML 1.1 ή HTML5 ή γενικότερα κάποιον από τους τύπους κώδικα που υπάρχουν και όπου αυτό βοηθά στην ορθή εμφάνιση – λειτουργία της ιστοσελίδας σας από την πλευρά του broswer.

Encoding: Αυτή η ετικέτα είναι για κωδικοποίηση της γλώσσας την οποία χρησιμοποιούμε για την ορθή λειτουργία σχετικά με την εμφάνιση της ιστοσελίδας από γλωσσική πλευρά.

 
Παράδειγμα HTML 5
<!DOCTYPE html>
<head>
<title>Παράδειγμα HTML5</title>
</head>
<body>
    <h2>Παράδειγμα HTML5</h2>
       <p>Καλησπέρα είμαι η Ελένη Χαλικιά και σας καλωσορίζω στο 4ο μας μάθημα</p>            
</body>
</html>
 
Παράδειγμα HTML 4.01
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<head>
<title>Παράδειγμα HTML 4.01</title>
</head>
<body>
<h2>Παράδειγμα HTML 4.01</h2>
<p>Σας εύχομαι καλό μάθημα!</p>
</body>
</html>
 
Παράδειγμα HTML 2.0
<!DOCTYPE html PUBLIC “-//IETF//DTD HTML 2.0//EN”>
<head>
<title>Παράδειγμα HTML 2.0</title>
</head>
<body>
    <h2>Παράδειγμα HTML 2.0</h2>
      <p>Καλησπέρα είμαι η Ελένη Χαλικιά και σας καλωσορίζω στο 4ο μαςμάθημα</p>          
</body>
</html>
 
Παράδειγμα XHTML 1.1                                                   
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN”
 “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>Παράδειγμα XHTML 1.1</title>
</head>
<body>
<h2>Παράδειγμα XHTML 1.1</h2>
<p>Σας εύχομαι καλό μάθημα!</p>
</body>
</html>
 
Επίλογος
Στο επόμενο μάθημα μας για την HTML θα δείτε τις ετικέτες br, hr και ποιο συγκεκριμένα τα εξής:
  • Σημασιολογία των ετικετών
  • Χρήση των ετικετών 
  • Παραδείγματα ετικετών 

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


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

Comments

comments