HTML: Heading tag

Δημοσιεύτηκε από τον alex


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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
     <title>website</title>
</head>

<body>
     <h1>Stories</h1>
     <p>Story, a recounting of a sequence of events</p>
     <h2>Fairy Tales</h2>
     <p>A fairy tale is a type of short story that typically features folkloric
characters, such as fairies, goblins, elves, trolls, dwarves, giants or gnomes,
and usually magic or enchantments.</p>

     <h3>Cinderella</h3>
     <p>Cinderella and The Little Glass Slipper is a folk tale embodying a myth-element of unjust oppression/triumphant reward.</p>
     <h3>Little Red Riding Hood</h3>
     <p>Little Red Riding Hood, also known as Little Red Cap, is a French fairy tale about a young girl and a Big Bad Wolf.</p>
     <h2>Mythology</h2>
     <p>The term mythology can refer either to the study of myths, or to a body or collection of myths.</p>
     <h2>Legends</h2>
     <p>A legend (Latin, legenda, "things to be read") is a narrative of human actions
that are perceived both by teller and listeners to take place within human history
and to possess certain qualities that give the tale verisimilitude.</p>

</body>
</html>

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

Βέβαια, μπορεί να θέλω να έχω διαφορετική ιεραρχία. Για παράδειγμα, μπορεί να θέλω να έχω μία h1 ετικέτα από πάνω για επικεφαλίδα και μία h2 ετικέτα από κάτω για υποκεφαλίδα και έπειτα να ξεκινά το περιεχόμενο μου. Να τονίσω ότι οι heading ετικέτες έχουν μία ιεραρχία h1 – h6, αλλά σπάνια χρησιμοποιούνται.

Έτσι λοιπόν, καταφέρνουμε να έχουμε σωστή ιεράρχηση και δομή στο έγγραφο μας.

Leave a Reply

Your email address will not be published.

 
 
 
εκπαιδευτικά βίντεο

Εκπαιδευτικά Βίντεο

Εκπαιδευτείτε μέσα από τα εντελώς δωρεάν βίντεο μας, πάνω σε web τεχνολογίες όπως HTML, CSS, Javascript και PHP.

 
δωρεάν themes

Δωρεάν Themes

Στη Supremo Hosting προσφέρουμε εντελώς δωρεάν premium wordpress themes για τις ανάγκες της ιστοσελίδας σας!

 
κατασκευή ιστοσελίδων

Κατασκευή Ιστοσελίδων

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

cards