Η δημιουργία ιστοσελίδων αποτελεί βασικό μέσο προβολής επιχειρήσεων, προσωπικών έργων και πληροφοριών στο διαδίκτυο. Η HTML (HyperText Markup Language) είναι η θεμελιώδης γλώσσα σήμανσης για την κατασκευή ιστοσελίδων. Χρησιμοποιείται για τον καθορισμό της δομής και του περιεχομένου μιας ιστοσελίδας, επιτρέποντας την ενσωμάτωση κειμένου, εικόνων, συνδέσμων και άλλων στοιχείων.
Για την ανάπτυξη ιστοσελίδων με HTML, είναι απαραίτητη η κατανόηση των βασικών αρχών και συντακτικών κανόνων της γλώσσας. Αυτό περιλαμβάνει τη γνώση των στοιχείων HTML, των ετικετών και των ιδιοτήτων τους. Η δομή μιας ιστοσελίδας HTML αποτελείται από το στοιχείο , το οποίο περιέχει τα στοιχεία
και .
Το
περιλαμβάνει μεταδεδομένα και συνδέσεις σε εξωτερικούς πόρους, ενώ το περιέχει το ορατό περιεχόμενο της σελίδας. Η HTML παρέχει ετικέτες για τη μορφοποίηση κειμένου, τη δημιουργία λιστών, πινάκων και φορμών, καθώς και για την ενσωμάτωση πολυμέσων. Η σωστή χρήση της σημασιολογικής HTML βελτιώνει την προσβασιμότητα και την κατάταξη στις μηχανές αναζήτησης.
Συμπληρωματικά με την HTML, χρησιμοποιούνται συχνά CSS για τη μορφοποίηση και JavaScript για την προσθήκη διαδραστικότητας στις ιστοσελίδες.
Key Takeaways
- Η HTML είναι η γλώσσα σήμανσης που χρησιμοποιείται για τη δημιουργία ιστοσελίδων.
- Οι βασικές αρχές της HTML περιλαμβάνουν τις ετικέτες, τις επικεφαλίδες, τα παράγραφα και τις λίστες.
- Η δημιουργία της δομής της ιστοσελίδας με HTML περιλαμβάνει τη χρήση ετικετών όπως , και .
- Η προσθήκη κειμένου, εικόνων και συνδέσμων στην ιστοσελίδα γίνεται με τη χρήση των αντίστοιχων ετικετών της HTML.
- Η στυλιστική μορφοποίηση με CSS επιτρέπει την αλλαγή της εμφάνισης των στοιχείων της ιστοσελίδας.
Βασικές αρχές της HTML
Τα Βασικά Στοιχεία της HTML
Η HTML αποτελείται από διάφορα στοιχεία, ετικέτες και γνωρίσματα που χρησιμοποιούνται για τη δημιουργία μιας ιστοσελίδας. Το κάθε στοιχείο αποτελείται από μια ετικέτα που ορίζει τον τύπο του στοιχείου και γνωρίσματα που ορίζουν τις λεπτομέρειές του. Για παράδειγμα, η ετικέτα
χρησιμοποιείται για τη δημιουργία ενός παραγράφου και μπορεί να περιέχει γνωρίσματα όπως το χρώμα, τη γραμματοσειρά και το μέγεθος του κειμένου.
Ετικέτες και Γνωρίσματα
Επίσης, η HTML χρησιμοποιεί επίσης ετικέτες όπως ![]()
για την προσθήκη εικόνων και για τη δημιουργία συνδέσμων. Εκτός από τη χρήση στοιχείων και ετικετών, η HTML χρησιμοποιεί επίσης γλώσσα μετάδοσης υπερκειμένου (HyperText Markup Language) για να ορίζει τη δομή μιας ιστοσελίδας. Αυτό συμπεριλαμβάνει τη χρήση επικεφαλίδων, πλαισίων και πλαισίων που χρησιμοποιούνται για να οργανώσουν το περιεχόμενο μιας ιστοσελίδας.
Στυλιστική Μορφή με CSS
Επίσης, η HTML χρησιμοποιεί επίσης εξωτερικά αρχεία CSS (Cascading Style Sheets) για να ορίζει τη στυλιστική μορφή μιας ιστοσελίδας.
Δημιουργία της δομής της ιστοσελίδας με HTML
Η δημιουργία μιας ιστοσελίδας με χρήση HTML απαιτεί τη δημιουργία μιας συγκεκριμένης δομής που να οργανώνει το περιεχόμενό της. Αυτό συμπεριλαμβάνει τη χρήση επικεφαλίδων, πλαισίων και πλαισίων που χρησιμοποιούνται για να δώσουν δομή στη σελίδα. Για παράδειγμα, μπορείτε να χρησιμοποιήσετε την ετικέτα
γι’ αυτό, και ν’ αφήσουμε αυθέφωβου ν’ αφή-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ-θ
Προσθήκη κειμένου, εικόνων και συνδέσμων
| ÎαÏηγοÏία |
Îικονομικά |
ΣÏ
νδÎÏμαÏα |
| ÎÏοÏελÎÏμαÏα |
100 |
80% |
| Îικονομικά |
50 |
90% |
| ΣÏ
νδÎÏμαÏα |
70 |
75% |
Μόλυβδόξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξυξ
Στυλιστική μορφοποίηση με CSS
Δημιουργία διάδραστκών στοχέων μέ JavaScript
Here is the rewritten text in Greek Cyrillic:
Анарτηση της ιστοσελιδας ст дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт дт д
Για περισσότερες πληροφορίες σχετικά με τη δημιουργία ιστοσελίδας HTML, μπορείτε να διαβάσετε το άρθρο “Περίπτωση μελέτης: Πώς να βελτιώσετε τις βαθμολογίες SEO σας” στον παρακάτω σύνδεσμο: https://kataskevi-istoselidon.com/case-study-how-to-improve-your-seo-scores/ Εκεί θα βρείτε χρήσιμες συμβουλές για τη βελτίωση της απόδοσης της ιστοσελίδας σας.
FAQs
Τι είναι η δημιουργία ιστοσελίδας HTML;
Η δημιουργία ιστοσελίδας HTML αναφέρεται στη διαδικασία δημιουργίας μιας ιστοσελίδας χρησιμοποιώντας τη γλώσσα σήμανσης HTML (HyperText Markup Language).
Ποια είναι τα βασικά βήματα για τη δημιουργία ιστοσελίδας HTML;
Τα βασικά βήματα για τη δημιουργία ιστοσελίδας HTML περιλαμβάνουν τη σχεδίαση της δομής της ιστοσελίδας, την κωδικοποίηση του περιεχομένου χρησιμοποιώντας HTML, τη διαμόρφωση της εμφάνισης με CSS και την προσθήκη διαδραστικών στοιχείων με JavaScript.
Ποια είναι τα βασικά στοιχεία της γλώσσας σήμανσης HTML;
Τα βασικά στοιχεία της γλώσσας σήμανσης HTML περιλαμβάνουν τις ετικέτες (tags) που ορίζουν τη δομή και το περιεχόμενο της ιστοσελίδας, όπως οι ετικέτες ,
, , <body>, </p>
<p>, <a>, <img> κ.λπ.</p>
<h3>Ποια είναι η σημασία του CSS στη δημιουργία ιστοσελίδας HTML;</h3>
<p>Το CSS (Cascading Style Sheets) χρησιμοποιείται για τη διαμόρφωση της εμφάνισης της ιστοσελίδας, όπως το χρώμα, η γραμματοσειρά, η διάταξη και άλλα στιλιστικά στοιχεία.</p>
<h3>Ποια είναι η σημασία του JavaScript στη δημιουργία ιστοσελίδας HTML;</h3>
<p>Το JavaScript χρησιμοποιείται για την προσθήκη διαδραστικών στοιχείων στην ιστοσελίδα, όπως φόρμες, ανιμέισιον, διαχείριση γεγονότων κ.λπ.</p>
</div>
</div>
<div class="elementor-element elementor-element-5a220d80 e-flex e-con-boxed e-con e-child" data-id="5a220d80" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-2e66fb7d elementor-widget elementor-widget-heading" data-id="2e66fb7d" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Subscribe To Our Newsletter</h2> </div>
</div>
<div class="elementor-element elementor-element-29685d1f elementor-widget elementor-widget-heading" data-id="29685d1f" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h3 class="elementor-heading-title elementor-size-default">Get updates and learn from the best</h3> </div>
</div>
<div class="elementor-element elementor-element-2c23bd10 elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="2c23bd10" data-element_type="widget" data-settings="{"button_width":"25","step_next_label":"Next","step_previous_label":"Previous","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default">
<div class="elementor-widget-container">
<form class="elementor-form" method="post" name="New Form">
<input type="hidden" name="post_id" value="33"/>
<input type="hidden" name="form_id" value="2c23bd10"/>
<input type="hidden" name="referer_title" value="Δημιουργία Ιστοσελίδας HTML: Βήμα προς βήμα οδηγός" />
<input type="hidden" name="queried_id" value="414"/>
<div class="elementor-form-fields-wrapper elementor-labels-">
<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-75 elementor-field-required">
<label for="form-field-email" class="elementor-field-label elementor-screen-only">
Email </label>
<input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-md elementor-field-textual" placeholder="Enter Your Email" required="required" aria-required="true">
</div>
<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-25 e-form__buttons">
<button class="elementor-button elementor-size-md" type="submit">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </span>
<span class="elementor-button-text">Send</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-4e61a22e elementor-post-navigation-borders-yes elementor-widget elementor-widget-post-navigation" data-id="4e61a22e" data-element_type="widget" data-widget_type="post-navigation.default">
<div class="elementor-widget-container">
<div class="elementor-post-navigation">
<div class="elementor-post-navigation__prev elementor-post-navigation__link">
<a href="https://kataskevi-istoselidon.com/%ce%ba%ce%bf%cf%81%cf%85%cf%86%ce%b1%ce%af%ce%b5%cf%82-%ce%b9%cf%83%cf%84%ce%bf%cf%83%ce%b5%ce%bb%ce%af%ce%b4%ce%b5%cf%82-e-shops/" rel="prev"><span class="post-navigation__arrow-wrapper post-navigation__arrow-prev"><i class="fa fa-arrow-left" aria-hidden="true"></i><span class="elementor-screen-only">Prev</span></span><span class="elementor-post-navigation__link__prev"><span class="post-navigation__prev--label">Previous</span><span class="post-navigation__prev--title">Κορυφαίες ιστοσελίδες e shops</span></span></a> </div>
<div class="elementor-post-navigation__separator-wrapper">
<div class="elementor-post-navigation__separator"></div>
</div>
<div class="elementor-post-navigation__next elementor-post-navigation__link">
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-1195dec5 elementor-widget elementor-widget-heading" data-id="1195dec5" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">More To Explore</h2> </div>
</div>
<div class="elementor-element elementor-element-3e7f81e elementor-grid-2 elementor-posts--align-center elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient elementor-widget elementor-widget-posts" data-id="3e7f81e" data-element_type="widget" data-settings="{"cards_columns":"2","cards_row_gap":{"unit":"px","size":"30","sizes":[]},"cards_columns_tablet":"2","cards_columns_mobile":"1","cards_row_gap_tablet":{"unit":"px","size":"","sizes":[]},"cards_row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="posts.cards">
<div class="elementor-widget-container">
<div class="elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid">
<article class="elementor-post elementor-grid-item post-410 post type-post status-publish format-standard has-post-thumbnail hentry category-kataskevi-istoselidon">
<div class="elementor-post__card">
<a class="elementor-post__thumbnail__link" href="https://kataskevi-istoselidon.com/%ce%ba%ce%bf%cf%81%cf%85%cf%86%ce%b1%ce%af%ce%b5%cf%82-%ce%b9%cf%83%cf%84%ce%bf%cf%83%ce%b5%ce%bb%ce%af%ce%b4%ce%b5%cf%82-e-shops/" tabindex="-1" ><div class="elementor-post__thumbnail"><img width="1080" height="810" src="https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-68.jpg" class="attachment-full size-full wp-image-408" alt="Photo Online shopping" decoding="async" srcset="https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-68.jpg 1080w, https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-68-300x225.jpg 300w, https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-68-1024x768.jpg 1024w, https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-68-768x576.jpg 768w" sizes="(max-width: 1080px) 100vw, 1080px" /></div></a>
<div class="elementor-post__badge">Κατασκευή ιστοσελίδων</div>
<div class="elementor-post__text">
<h3 class="elementor-post__title">
<a href="https://kataskevi-istoselidon.com/%ce%ba%ce%bf%cf%81%cf%85%cf%86%ce%b1%ce%af%ce%b5%cf%82-%ce%b9%cf%83%cf%84%ce%bf%cf%83%ce%b5%ce%bb%ce%af%ce%b4%ce%b5%cf%82-e-shops/" >
Κορυφαίες ιστοσελίδες e shops </a>
</h3>
<div class="elementor-post__excerpt">
<p>Η ηλεκτρονική αγορά στην Ελλάδα έχει αναπτυχθεί σημαντικά τα τελευταία χρόνια. Υπάρχουν πολλές δημοφιλείς πλατφόρμες ηλεκτρονικού εμπορίου που προσφέρουν ευρεία γκάμα προϊόντων και υπηρεσιών. Το</p>
</div>
</div>
<div class="elementor-post__meta-data">
<span class="elementor-post-author">
tsiou_g </span>
<span class="elementor-post-date">
September 21, 2024 </span>
</div>
</div>
</article>
<article class="elementor-post elementor-grid-item post-407 post type-post status-publish format-standard has-post-thumbnail hentry category-kataskevi-istoselidon">
<div class="elementor-post__card">
<a class="elementor-post__thumbnail__link" href="https://kataskevi-istoselidon.com/%ce%ba%ce%b1%cf%84%ce%b1%cf%83%ce%ba%ce%b5%cf%85%ce%ae-portal-%ce%bf%ce%b4%ce%b7%ce%b3%ce%af%ce%b5%cf%82-%ce%ba%ce%b1%ce%b9-%cf%83%cf%85%ce%bc%ce%b2%ce%bf%cf%85%ce%bb%ce%ad%cf%82/" tabindex="-1" ><div class="elementor-post__thumbnail"><img loading="lazy" width="1080" height="720" src="https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-66.jpg" class="attachment-full size-full wp-image-404" alt="Photo Construction site" decoding="async" srcset="https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-66.jpg 1080w, https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-66-300x200.jpg 300w, https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-66-1024x683.jpg 1024w, https://kataskevi-istoselidon.com/wp-content/uploads/2024/09/image-66-768x512.jpg 768w" sizes="(max-width: 1080px) 100vw, 1080px" /></div></a>
<div class="elementor-post__badge">Κατασκευή ιστοσελίδων</div>
<div class="elementor-post__text">
<h3 class="elementor-post__title">
<a href="https://kataskevi-istoselidon.com/%ce%ba%ce%b1%cf%84%ce%b1%cf%83%ce%ba%ce%b5%cf%85%ce%ae-portal-%ce%bf%ce%b4%ce%b7%ce%b3%ce%af%ce%b5%cf%82-%ce%ba%ce%b1%ce%b9-%cf%83%cf%85%ce%bc%ce%b2%ce%bf%cf%85%ce%bb%ce%ad%cf%82/" >
Κατασκευή Portal: Οδηγίες και Συμβουλές </a>
</h3>
<div class="elementor-post__excerpt">
<p>Το Portal είναι μια διαδικτυακή πλατφόρμα που λειτουργεί ως κεντρικό σημείο πρόσβασης σε ποικίλο ψηφιακό περιεχόμενο και υπηρεσίες. Παρέχει οργανωμένη και εύκολη πρόσβαση σε πληροφορίες,</p>
</div>
</div>
<div class="elementor-post__meta-data">
<span class="elementor-post-author">
tsiou_g </span>
<span class="elementor-post-date">
September 21, 2024 </span>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-2e70d9a8 e-flex e-con-boxed e-con e-parent" data-id="2e70d9a8" data-element_type="container" data-settings="{"background_background":"gradient","shape_divider_top":"waves"}">
<div class="e-con-inner">
<div class="elementor-shape elementor-shape-top" data-negative="false">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none">
<path class="elementor-shape-fill" d="M421.9,6.5c22.6-2.5,51.5,0.4,75.5,5.3c23.6,4.9,70.9,23.5,100.5,35.7c75.8,32.2,133.7,44.5,192.6,49.7
c23.6,2.1,48.7,3.5,103.4-2.5c54.7-6,106.2-25.6,106.2-25.6V0H0v30.3c0,0,72,32.6,158.4,30.5c39.2-0.7,92.8-6.7,134-22.4
c21.2-8.1,52.2-18.2,79.7-24.2C399.3,7.9,411.6,7.5,421.9,6.5z"/>
</svg> </div>
<div class="elementor-element elementor-element-45002eb0 e-con-full e-flex e-con e-child" data-id="45002eb0" data-element_type="container">
<div class="elementor-element elementor-element-2fd97a6b elementor-widget elementor-widget-heading" data-id="2fd97a6b" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h4 class="elementor-heading-title elementor-size-default">Do You Want To Boost Your Business?</h4> </div>
</div>
<div class="elementor-element elementor-element-788f6581 elementor-widget elementor-widget-heading" data-id="788f6581" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">drop us a line and keep in touch</h2> </div>
</div>
<div class="elementor-element elementor-element-323ed709 elementor-mobile-align-center elementor-widget elementor-widget-button" data-id="323ed709" data-element_type="widget" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-md" href="https://kataskevi-istoselidon.com/contact-us/">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </span>
<span class="elementor-button-text">Contact Us</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-3e612515 e-con-full e-flex e-con e-child" data-id="3e612515" data-element_type="container">
<div class="elementor-element elementor-element-b6260cc elementor-widget elementor-widget-image" data-id="b6260cc" data-element_type="widget" data-settings="{"motion_fx_motion_fx_scrolling":"yes","motion_fx_translateY_effect":"yes","motion_fx_translateY_direction":"negative","motion_fx_translateY_speed":{"unit":"px","size":"1","sizes":[]},"motion_fx_devices":["desktop","tablet"],"motion_fx_translateY_affectedRange":{"unit":"%","size":"","sizes":{"start":"0","end":"50"}}}" data-widget_type="image.default">
<div class="elementor-widget-container">
<img loading="lazy" width="539" height="539" src="https://kataskevi-istoselidon.com/wp-content/uploads/2023/12/CTA-post.png" class="attachment-full size-full wp-image-37" alt="" srcset="https://kataskevi-istoselidon.com/wp-content/uploads/2023/12/CTA-post.png 539w, https://kataskevi-istoselidon.com/wp-content/uploads/2023/12/CTA-post-300x300.png 300w, https://kataskevi-istoselidon.com/wp-content/uploads/2023/12/CTA-post-150x150.png 150w" sizes="(max-width: 539px) 100vw, 539px" /> </div>
</div>
</div>
</div>
</div>
</div>
<footer data-elementor-type="footer" data-elementor-id="13" class="elementor elementor-13 elementor-location-footer" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-50bd3831 e-flex e-con-boxed e-con e-parent" data-id="50bd3831" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-fe48c55 e-flex e-con-boxed e-con e-parent" data-id="fe48c55" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-3d72fe73 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-image" data-id="3d72fe73" data-element_type="widget" data-widget_type="image.default">
<div class="elementor-widget-container">
<a href="https://kataskevi-istoselidon.com">
<img loading="lazy" width="500" height="109" src="https://kataskevi-istoselidon.com/wp-content/uploads/2023/12/Logo-Footer.png" class="attachment-full size-full wp-image-14" alt="" srcset="https://kataskevi-istoselidon.com/wp-content/uploads/2023/12/Logo-Footer.png 500w, https://kataskevi-istoselidon.com/wp-content/uploads/2023/12/Logo-Footer-300x65.png 300w" sizes="(max-width: 500px) 100vw, 500px" /> </a>
</div>
</div>
<div class="elementor-element elementor-element-4139e45b elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-button-align-stretch elementor-widget elementor-widget-form" data-id="4139e45b" data-element_type="widget" data-settings="{"button_width":"25","step_next_label":"Next","step_previous_label":"Previous","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default">
<div class="elementor-widget-container">
<form class="elementor-form" method="post" name="New Form">
<input type="hidden" name="post_id" value="13"/>
<input type="hidden" name="form_id" value="4139e45b"/>
<input type="hidden" name="referer_title" value="Δημιουργία Ιστοσελίδας HTML: Βήμα προς βήμα οδηγός" />
<input type="hidden" name="queried_id" value="414"/>
<div class="elementor-form-fields-wrapper elementor-labels-">
<div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email elementor-col-75 elementor-field-required">
<label for="form-field-email" class="elementor-field-label elementor-screen-only">
Email </label>
<input size="1" type="email" name="form_fields[email]" id="form-field-email" class="elementor-field elementor-size-md elementor-field-textual" placeholder="Enter your email to join our mailing list" required="required" aria-required="true">
</div>
<div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-25 e-form__buttons">
<button class="elementor-button elementor-size-md" type="submit">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-arrow-right" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z"></path></svg> </span>
<span class="elementor-button-text">Yes, Please</span>
</span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-50d9ce1a e-flex e-con-boxed e-con e-parent" data-id="50d9ce1a" data-element_type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-1e87cdb1 e-con-full e-flex e-con e-parent" data-id="1e87cdb1" data-element_type="container">
<div class="elementor-element elementor-element-295a2a23 elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="295a2a23" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">Follow Us:</h2> </div>
</div>
<div class="elementor-element elementor-element-4f8f83b9 elementor-icon-list--layout-inline elementor-widget__width-auto elementor-mobile-align-center elementor-widget-mobile__width-inherit elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="4f8f83b9" data-element_type="widget" data-widget_type="icon-list.default">
<div class="elementor-widget-container">
<ul class="elementor-icon-list-items elementor-inline-items">
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fab-facebook-square" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></svg> </span>
<span class="elementor-icon-list-text"></span>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fab-twitter-square" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"></path></svg> </span>
<span class="elementor-icon-list-text"></span>
</li>
<li class="elementor-icon-list-item elementor-inline-item">
<span class="elementor-icon-list-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fab-linkedin" viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg> </span>
<span class="elementor-icon-list-text"></span>
</li>
</ul>
</div>
</div>
</div>
<div class="elementor-element elementor-element-690b797b e-con-full e-flex e-con e-parent" data-id="690b797b" data-element_type="container">
<div class="elementor-element elementor-element-63d1b311 elementor-widget elementor-widget-heading" data-id="63d1b311" data-element_type="widget" data-widget_type="heading.default">
<div class="elementor-widget-container">
<h2 class="elementor-heading-title elementor-size-default">© 2025 All Rights Reserved</h2> </div>
</div>
</div>
</div>
</div>
<div class="elementor-element elementor-element-78c37fa2 elementor-widget__width-initial elementor-fixed elementor-widget elementor-widget-button" data-id="78c37fa2" data-element_type="widget" data-settings="{"_position":"fixed"}" data-widget_type="button.default">
<div class="elementor-widget-container">
<div class="elementor-button-wrapper">
<a class="elementor-button elementor-button-link elementor-size-md" href="#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6MjYsInRvZ2dsZSI6ZmFsc2V9">
<span class="elementor-button-content-wrapper">
<span class="elementor-button-icon">
<svg aria-hidden="true" class="e-font-icon-svg e-fas-envelope" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path></svg> </span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/hello-elementor\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<div data-elementor-type="popup" data-elementor-id="26" class="elementor elementor-26 elementor-location-popup" data-elementor-settings="{"entrance_animation":"zoomIn","exit_animation":"rotateInUpLeft","entrance_animation_duration":{"unit":"px","size":"1","sizes":[]},"a11y_navigation":"yes","timing":[]}" data-elementor-post-type="elementor_library">
<div class="elementor-element elementor-element-6b472a30 e-flex e-con-boxed e-con e-parent" data-id="6b472a30" data-element_type="container" data-settings="{"background_background":"classic","background_motion_fx_mouseTrack_effect":"yes","background_motion_fx_mouseTrack_speed":{"unit":"px","size":"0.5","sizes":[]},"background_motion_fx_motion_fx_mouse":"yes","background_motion_fx_mouseTrack_direction":"negative"}">
<div class="e-con-inner">
<div class="elementor-element elementor-element-3363dbfe elementor-widget__width-auto elementor-absolute elementor-widget-mobile__width-initial elementor-invisible elementor-widget elementor-widget-image" data-id="3363dbfe" data-element_type="widget" data-settings="{"_position":"absolute","motion_fx_motion_fx_mouse":"yes","motion_fx_mouseTrack_effect":"yes","motion_fx_mouseTrack_speed":{"unit":"px","size":"0.2","sizes":[]},"_animation":"rotateInDownLeft","_animation_delay":"600"}" data-widget_type="image.default">
<div class="elementor-widget-container">
<img loading="lazy" width="150" height="150" src="https://kataskevi-istoselidon.com/wp-content/uploads/2023/12/small_c_popup-150x150.png" class="attachment-thumbnail size-thumbnail wp-image-27" alt="" /> </div>
</div>
<div class="elementor-element elementor-element-53f32891 e-con-full e-flex e-con e-child" data-id="53f32891" data-element_type="container" data-settings="{"background_background":"classic"}">
<div class="elementor-element elementor-element-70a28813 elementor-widget-mobile__width-auto elementor-absolute elementor-view-default elementor-widget elementor-widget-icon" data-id="70a28813" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="icon.default">
<div class="elementor-widget-container">
<div class="elementor-icon-wrapper">
<a class="elementor-icon" href="#elementor-action%3Aaction%3Dpopup%3Aclose%26settings%3DeyJkb19ub3Rfc2hvd19hZ2FpbiI6IiJ9">
<svg xmlns="http://www.w3.org/2000/svg" id="ae55beb6-ee14-4002-91dc-05e70bbad1c5" data-name="Layer 1" viewBox="0 0 28.2843 28.2843"><title>close menu icon
