Τίτλοι του HTML

Οι τίτλοι είναι πολύ σημαντικοί στον έγγραφο HTML.

Τίτλοι του HTML

Οι τίτλοι (Heading) ορίζονται με τις ετικέτες <h1> - <h6>.

<h1> Ορίζει τον μεγαλύτερο τίτλο.<h6> Ορίζει τον μικρότερο τίτλο.

Παράδειγμα

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Προσπαθήστε να το κάνετε μόνοι σας

Σχόλιο:Οι περιηγητές προσθέτουν αυτόματα κενές γραμμές πριν και μετά από τους τίτλους.

Σχόλιο:By default, HTML προσθέτει αυτόματα μια επιπλέον κενή γραμμή πριν και μετά από κάθε блочный στοιχείο, όπως παραγράφους και στοιχεία τίτλων.

Οι τίτλοι είναι πολύ σημαντικοί

Βεβαιωθείτε ότι χρησιμοποιείτε τις ετικέτες κεφαλίδων HTML μόνο για τίτλους. Μην χρησιμοποιείτε τους τίτλους απλώς για να δημιουργήσετε粗体 ή μεγαλύτερο κείμενο.

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

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

Η ετικέτα h1 πρέπει να χρησιμοποιείται ως κύρια επικεφαλίδα (οι πιο σημαντικές), ακολουθούμενη από την h2 (η επόμενη σε σημασία), και μετά την h3, και έτσι κατ' ευθείαν.

Οριζόντια γραμμή HTML

Η ετικέτα <hr> δημιουργεί μια οριζόντια γραμμή σε μια σελίδα HTML.

Ο στοιχείο <hr> μπορεί να χρησιμοποιηθεί για να διαχωρίζει περιεχόμενο.

Παράδειγμα

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

Προσπαθήστε να το κάνετε μόνοι σας

Συμβουλή:Η χρήση οριζόντιων γραμμών (ετικέτα <hr>) για τη διάσπαση των κεφαλαίων του κειμένου είναι μια από τις μεθόδους (αλλά όχι η μοναδική μεθόδος).

Σχόλια HTML

Μπορείτε να εισάγετε σχόλια στον κώδικα HTML, κάτι που μπορεί να βελτιώσει τη διαβάσιμότητα του κώδικα και να το κάνει πιο κατανοητό. Οι περιηγητές θα αγνοούν τα σχόλια και δεν θα τα εμφανίζουν.

Τα σχόλια γράφονται ως εξής:

Παράδειγμα

<!-- This is a comment -->

Προσπαθήστε να το κάνετε μόνοι σας

Σχόλιο:Μετά τον αρχικό παρενθέση (αριστερό παρενθέση) πρέπει να ακολουθεί μια κραυγή, ενώ πριν από τον τελικό παρενθέση (δεξί παρενθέση) δεν χρειάζεται.

Συμβουλή:Η λογική χρήση των σχολίων μπορεί να βοηθήσει στην επεξεργασία κώδικα στο μέλλον.

Συμβουλή HTML - Πώς να δείτε τον κώδικα πηγής

Δεν θα μπορούσατε να μην εκστασιαστείτε βλέποντας κάποια ιστοσελίδα και να σκέφτεστε "WOW! Πώς το έγινε αυτό;"

Αν θέλετε να βρείτε τα μυστικά, κάντε κλικ με το δεξί κουμπί του ποντικιού και επιλέξτε "Προβολή κώδικα πηγής" (IE) ή "Προβολή κώδικα σελίδας" (Firefox), οι άλλοι περιηγητές λειτουργούν παρόμοια. Αυτό θα ανοίξει ένα παράθυρο που περιέχει τον κώδικα HTML της σελίδας.

Εκθέματα από αυτή τη σελίδα

Τίτλοι
Πώς να εμφανίσετε τίτλους στο έγγραφο HTML.
Απόκρυφα σχόλια
Πώς να εισάγετε σχόλια στον κώδικα πηγής HTML.
Οριζόντια γραμμή
Πώς να εισάγετε μια οριζόντια γραμμή.

Εγχειρίδιο ετικετών HTML

Το εγχειρίδιο ετικετών του CodeW3C.com παρέχει περισσότερες πληροφορίες για αυτούς τους τίτλους και τις ιδιότητές τους.

Θα μάθετε περισσότερα για τις ετικέτες και τις ιδιότητές τους στο παρακάτω κεφάλαιο του μαθήματος HTML.

Ετικέτες Περιγραφή
<html> Ορισμός έγγραφου HTML
<body> Ορισμός του σώματος του έγγραφου.
<h1> έως <h6> Ορισμός τίτλων HTML
<hr> Ορισμός οριζόντιας γραμμής.
<!--...--> Ορισμός σχολίων.