Βασικές ετικέτες HTML - Δέκα παραδείγματα

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

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

Συμβουλή:Η καλύτερη μέθοδος μάθησης του HTML είναι να μαθαίνετε και να δοκιμάζετε. Εμείς σας παρέχουμε εξαιρετικό HTML editor. Χρησιμοποιώντας αυτόν τον editor, μπορείτε να επεξεργαστείτε ένα τμήμα κώδικα HTML και να κάνετε κλικ στο κουμπί TIY για να δείτε τα αποτελέσματα.

Τίτλοι του HTML

Οι τίτλοι HTML (Heading) ορίζονται από τις ετικέτες <h1> έως <h6>.

Παράδειγμα

<h1>Αυτό είναι ένας τίτλος</h1>
<h2>Αυτό είναι ένας τίτλος</h2>
<h3>Αυτό είναι ένας τίτλος</h3>

Προσπαθήστε το προσωπικά

Παράγραφοι του HTML

Ο στίχος HTML ορίζεται από την ετικέτα <p>.

Παράδειγμα

<p>Αυτό είναι ένας στίχος.</p>
<p>Αυτό είναι ένας άλλος στίχος.</p>

Προσπαθήστε το προσωπικά

Σύνδεσμοι HTML

Ο σύνδεσμος HTML ορίζεται από την ετικέτα <a>.

Παράδειγμα

<a href="http://www.codew3c.com">Αυτός είναι ένας σύνδεσμος</a>

Προσπαθήστε το προσωπικά

Σημείωση:Διατάξτε τη διεύθυνση του σύνδεσμου στην ιδιότητα href.

(Θα μάθετε περισσότερα για τις ιδιότητες στις μετέπειτα ενότητες του εγχειριδίου).

Εικόνες HTML

Το HTML εικόνα ορίζεται από την ετικέτα <img>.

Παράδειγμα

<img src="codew3c.jpg" width="104" height="142" />

Προσπαθήστε το προσωπικά

Σημείωση:Το όνομα και το μέγεθος της εικόνας παρέχονται ως ιδιότητες.