Τα βασικά της HTML

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

Επικεφαλίδες HTML

Οι ετικέτες επικεφαλίδων της HTML ορίζονται με τις ετικέτες <h1> ως <h6>. Ο αριθμός στα δεξιά του h ορίζει το μέγεθος της επικεφαλίδας στην HTML, ενώ οι μηχανές αναζήτησης από τον αριθμό αυτό αντλούν πληροφορίες για το πόσο σημαντικό είναι το περιεχόμενο τους βάση του αριθμού.

Παράδειγμα:

<h1>Επικεφαλίδα επιπέδου 1</h1>
<h2>Επικεφαλίδα επιπέδου 2</h2>
<h3>Επικεφαλίδα επιπέδου 3</h3>
<h4>Επικεφαλίδα επιπέδου 4</h4>
<h5>Επικεφαλίδα επιπέδου 5</h5>
<h6>Επικεφαλίδα επιπέδου 6</h6>

Δείτε το παράδειγμα ζωντανά

Παράγραφοι HTML

Όταν θέλετε να δημιουργήσετε μια παράγραφο σε ένα HTML έγγραφο θα χρησιμοποιείτε την ετικέτα <p>. Η ετικέτα <p> είναι η αρμόδια για να προβάλει περιεχόμενο σε μορφή παραγράφου.

Παράδειγμα:

<p>Αυτή είναι μια παράγραφος γραμμένη ανάμεσα σε ετικέτες έναρξης και τέλους p</p>
<p>Αυτή είναι ακόμα μια παράγραφος που ακολουθεί την πρώτη παράγραφο και το περιεχόμενο της δεν έχει καμία σημασία.</p>

Δείτε το παράδειγμα ζωντανά

Σύνδεσμοι HTML

Οι σύνδεσμοι της HTML χρησιμοποιούνται για να συνδέσουν δυο διαφορετικά έγγραφα μεταξύ τους. Η ετικέτα που πρέπει να χρησιμοποιήσετε για να συνδέσετε δυο έγγραφά μεταξύ τους είναι η a.

Παράδειγμα:

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

Δείτε το παράδειγμα ζωντανά

Εικόνες στην HTML

Αν θέλετε να εισάγετε εικόνες σε ένα έγγραφο HTML θα πρέπει να χρησιμοποιήσετε την ετικέτα img.

Παράδειγμα:

<img src=”stigmahost.jpg” width=”180” height=”410” />

Δείτε το παράδειγμα ζωντανά

[COL size=”one_half”]« Αρχίστε να γράφετε HTML[/COL] [COL size=’one_half’ last=’last’]

[/COL]