Προσπαθήστε να ερμηνεύσετε τον παρακάτω κώδικα html. Τι ακριβώς εξάγει εάν τον εκτελέσουμε;
<html>
<head>
<title> Παράδειγμα 1ο</title>
</head>
<body>
<h1>Αυτό είναι το πρώτο παράδειγμα.</h1>
<h2>Εφαρμογή των μέχρι τώρα προαναφερθέντων ετικετών.</h2>
<h4><b>Αυτό το κείμενο είναι έντονο.</b> </h4>
<p> <center> Αυτή η παράγραφος είναι
είναι <i> κεντραρισμένη </i></center> </p>
Τέλος του <u> πρώτου </u> παραδείγματος.
</body>
</html>
Ερμηνεία:
<head>
Η ετικέτα αυτή περιέχει τον τίτλο και άλλες σημαντικές πληροφορίες για το έγγραφο.
<title>
Μέσα σε αυτήν την ετικέτα περικλείεται ο τίτλος του εγγράφου. Ο τίτλος εμφανίζεται στην μπάρα του browser (Chrome, Mozilla FireFox, Internet Explorer κ.α)
<p>
Η ετικέτα αυτή ορίζει μία νέα παράγραφο.
<h…>
Η ετικέτα αυτή καθορίζει το μέγεθος των γραμμάτων. Ο αριθμός μπορεί να είναι από το 1 έως
το 6 (δηλαδή <h1> , <h2> κ.τ.λ.). Το <h1> είναι το μεγαλύτερο μέγεθος και το <h6> είναι το μικρότερο.
<br>
Η ετικέτα <br> ορίζει μία αλλαγή γραμμής.
center>
Από τη στιγμή που εμφανίζεται το <center> σ' ένα έγγραφο μέχρι να κλείσει με </center> όλα όσα περιέχονται εμφανίζονται κεντραρισμένα.
<b>
Η ετικέτα αυτή από την εμφάνισή της και μέχρι τη λήξη της (δηλ. </b>) κάνει το κείμενο να
φαίνεται με έντονη γραφή (bold).
<i>
Η ετικέτα αυτή από την εμφάνισή της και μέχρι τη λήξη της (δηλ. </i>) κάνει το κείμενο να
φαίνεται με πλάγια γραφή (italic).
<u>
Η ετικέτα αυτή από την εμφάνισή της και μέχρι τη λήξη της (δηλ. </u>) κάνει το κείμενο να φαίνεται υπογραμμισμένο (underline).
<!-- σχόλιο -- >
Η ετικέτα αυτή χρησιμοποιείται για να προσθέσουμε ένα σχόλιο