# Τι είναι το σώμα HTML και πώς να το χρησιμοποιήσετε Το στοιχείο HTML `` περιέχει όλο το ορατό περιεχόμενο ενός εγγράφου HTML. Μπορεί να υπάρχει μόνο μία περιοχή `` ανά έγγραφο HTML. ## Τι είναι η ετικέτα HTML `` και σε τι χρησιμοποιείται; Το HTML `` είναι ένα στοιχείο HTML που χρησιμοποιείται για την εμφάνιση του περιεχομένου ενός εγγράφου στους χρήστες. Όλο **το ορατό περιεχόμενο**, όπως επικεφαλίδες, μπλοκ κειμένου, εικόνες, πίνακες, υπερσύνδεσμοι, λίστες και άλλα στοιχεία, αποθηκεύεται σε αυτήν την ετικέτα HTML. Μπορεί να υπάρχει μόνο **ένα HTML ``** σε κάθε έγγραφο. Βρίσκεται πάντα κάτω από την περιοχή `` και πάνω από το υποσέλιδο HTML. Η ετικέτα `` υποστηρίζει όλα τα παγκόσμια χαρακτηριστικά HTML. ## Ποια είναι η σύνταξη και η λειτουργικότητα του HTML ``; Πριν σας δείξουμε πώς λειτουργεί το HTML `` χρησιμοποιώντας μερικά απλά παραδείγματα, αξίζει να ρίξουμε μια ματιά στη βασική σύνταξη του στοιχείου. Αυτή έχει ως εξής: ```html This is where all the visible website content is stored. ``` Μόνο το περιεχόμενο μεταξύ των ετικετών εισαγωγής (``) και κλεισίματος (``) θα εμφανίζεται αργότερα στη σχετική ιστοσελίδα. ## HTML `` παραδείγματα Στα παρακάτω παραδείγματα, μπορείτε να δείτε πώς χρησιμοποιείται στην πράξη η ετικέτα HTML ``. ### Έγγραφο HTML με `` απλά στοιχεία Πρώτα, θα δημιουργήσουμε ένα απλό έγγραφο HTML με έναν **τίτλο, ένα τμήμα κειμένου και μια εικόνα**, τα οποία τοποθετούνται όλα στο σώμα του εγγράφου. Αυτός είναι ο αντίστοιχος κώδικας: ```html HTML body in a document

Here’s your heading

Here’s your website content.

``` ### Δημιουργία γραμμής πλοήγησης με href Το παρακάτω παράδειγμα σας δείχνει πώς να δημιουργήσετε μια γραμμή πλοήγησης για τον ιστότοπό σας χρησιμοποιώντας την ετικέτα HTML `` και το χαρακτηριστικό href. Ακολουθεί ο κώδικας: ```html Website with a navigation bar

Home

About

Contact

``` ### Ενσωμάτωση βίντεο μέσω της ετικέτας HTML `` Αν θέλετε να ενσωματώσετε ένα βίντεο στον ιστότοπό σας, η ενότητα `` είναι το σωστό (και μοναδικό) μέρος για να το κάνετε. Ακολουθεί ένα παράδειγμα για το πώς να ενσωματώσετε ένα βίντεο: ```html Website with a video

``` ### Αλλαγή του σχεδιασμού του περιεχομένου μέσω της ετικέτας HTML `` Με τη βοήθεια του CSS, μπορείτε επίσης να χρησιμοποιήσετε την περιοχή `` για να προσαρμόσετε το σχεδιασμό του περιεχομένου του ιστότοπού σας. Μπορείτε να δείτε πώς λειτουργεί αυτό στο ακόλουθο παράδειγμα: ```html HTML body with visual adjustments

Here’s your heading

Here’s your website content.

``` ### Προσαρμογή φόντων σε HTML `` Αν θέλετε να αλλάξετε το [φόντο HTML](https://www.ionos.com/el-gr/digitalguide/istoselides/anaptyxi-istoselidon/fonta-html/) με CSS, μπορείτε επίσης να το κάνετε στο HTML ``. Δείτε πώς μπορείτε να ορίσετε το χρώμα φόντου: ```html HTML body with new background colour

Here’s your heading

Visit example-website.com!

``` Για να εισαγάγετε μια εικόνα, χρησιμοποιήστε τον παρακάτω κώδικα: ```html HTML body with new background image

Here’s your heading

Visit example-website.com!

``` This is a markdown version of: [https://www.ionos.com/el-gr/digitalguide/istoselides/anaptyxi-istoselidon/soma-html/](https://www.ionos.com/el-gr/digitalguide/istoselides/anaptyxi-istoselidon/soma-html/) for AI/LLM consumption.