NEXTNET - Δωρεάν διαδικτυακές υπηρεσίες & πρωτοπορίες...

Μικρή εισαγωγή στη γλώσσα HTML (για αρχάριους)

Μία μίνι χρήσιμη εισαγωγή στη γλώσσα κατασκευής ιστοσελίδων HTML για αρχάριους. 

"Κατέβασε" εντελώς δωρεάν 3 ηλεκτρονικά βιβλία (PDF ebooks)!

1.Δωρεάν στρατηγική κέρδους

2.Οδηγός για νέες ιστοσελίδες

3.Βγάλε λεφτά με το bitcoin

Απλά βάλε το email σου στη παρακάτω φόρμα και θα λάβεις άμεσα τα 3 ebooks!

Email:

Η διεύθυνση email σου είναι ασφαλής! Μάθε περισσότερα για τα 3 ebooks...

Η HTML (Hyper Text Markup Language) είναι η βασική γλώσσα προγραμματισμού για την κατασκευή ιστοσελίδων. Με την γλώσσα αυτή και τη σήμανση της (markup) περιγράφουμε τη δομή των sites στα οποία περιηγούμαστε στο διαδίκτυο. Τα βασικά στοιχεία της HTML είναι οι ετικέτες (tags). Με τα tags δηλώνουμε τα διάφορα δομικά στοιχεία μιας ιστοσελίδας όπως οι παράγραφοι, οι επικεφαλίδες, ο τίτλος της σελίδας κλπ. Οι περιηγητές (browsers) δεν προβάλλουν τις ετικέτες HTML αλλά τις μεταφράζουν παρουσιάζοντας κατάλληλα το περιεχόμενο μιας ιστοσελίδας. Πίσω από κάθε site που βλεπεις στο internet υπάρχει μια σειρά από γραμμές κώδικα HTML και πιθανόν και άλλων γλωσσών προγραμματισμού όπως Javascript ή PHP. Η κύρια γλώσσα όμως είναι η HTML. Σε αυτό το άρθρο θα κάνω μια μικρή εισαγωγή στην HTML και θα δώσω πηγές για επιπλέον εκμάθηση της γλώσσας. Ας ξεκινήσουμε.

Ας δούμε ένα πολύ απλό site φτιαγμένο με βασική HTML:


<!DOCTYPE html>
<html>
<head>
<title>Τίτλος του site</title>
</head>
<body>
<h1>Επικεφαλίδα του site</h1>
<p>Παράγραφος κειμένου του site</p>
</body>
</html>

Ο παραπάνω HTML κώδικας θα μεταφραστεί από τον browser και θα εμφανιστεί ως εξής:

Κώδικας HTML όπως τον εμφανίζει ένας browser

Ας δούμε τι σημαίνει το κάθε τι στον παραπάνω κώδικα HTML:

Η δήλωση <!DOCTYPE html> ορίζει ότι το ο κώδικας της σελίδας είναι HTML5.
Το στοιχείο <html> είναι το βασικό στοιχείο μιας σελίδας HTML.
Το στοιχείο <head> περιέχει διάφορες χρηστικές πληροφορίες για την σελίδα HTML.
Το στοιχείο <title> ορίζει τον τίτλο της σελίδας HTML.
Το στοιχείο <body> περιέχει τα ορατά περιεχόμενα μιας σελίδας HTML.
Το στοιχείο <h1> ορίζει μια επικεφαλίδα πρώτου μεγέθους.
Το στοιχείο <p> ορίζει μια παράγραφο κειμένου μέσα στη σελίδα HTML


Ετικέτες HTML

Οι ετικέτες HTML περιέχουν ονόματα των στοιχείων της γλώσσας HTML περιστοιχισμένα από τους χαρακτήρες < και >.

<tagname>Τα περιεχόμενα μπαίνουν ανάμεσα στην αρχική και τελική ετικέτα</tagname>

Οι ετικέτες HTML συνήθως πάνε ως ζευγάρι π.χ. <h1> και </h1>. Μπαίνει πρώτα η αρχική ετικέτα (start tag ή opening tag), έπειτα μπαίνει το περιεχόμενο της ετικέτας και τέλος κλείνουμε με την τελική ετικέτα (end tag ή closing tag). Η τελική ετικέτα γράφεται όπως η αρχική ετικέτα αλλά με μια κάθετο "/" πριν από το όνομα της ετικέτας.

Ο σκοπός ενός browser (Chrome, Firefox, Safari, Internet Explorer) ειναι να "διαβάσει" τον κώδικα HTML και σύμφωνα με αυτόν να παρουσιάσει τα περιεχόμενα μιας σελίδας. Οι browsers δεν προβάλλουν τις ετικέτες HTML απλά τις διαβάζουν για να ξέρουν πως να παρουσιάσουν μια σελίδα στον χρήστη του internet. Ας δούμε ξανά τη δομή μιας σελίδας HTML...

Η δομή μια σελίδας HTML

Μόνο τα περιεχόμενα μέσα στο τμήμα <body> εμφανίζονται στον χρήστη μέσω του browser.

Η 1η έκδοση της γλώσσας HTML εμφανίστηκε το 1991 ενώ από το 2014 είμαστε στην 5η έκδοση (HTML5). Η δήλωση <!DOCTYPE html> χρησιμοποιείται για να δηλώσει τον τύπο της σελίδας HTML (στην προκειμένη περίπτωση HTML5) και βοηθά τους browsers να προβάλλουν τις ιστοσελίδες σωστά. Πρέπει να γραφτεί μια φορά στην κορυφή κάθε κώδικα HTML πριν από οποιαδήποτε ετικέτα HTML.

Τα αρχεία με κώδικα HTML έχουν την κατάληξη .html ή .htm (π.χ. index.html)

Εδώ τελειώνει αυτή η μίνι εισαγωγή στην γλώσσα HTML που είναι μια από τις πιο εύκολες στην εκμάθηση γλώσσες. Ελπίζω οι βασικές έννοιες να έγιναν κατανοητές και να σου κέντρισαν το ενδιαφέρον για περισσότερη γνώση πάνω σε αυτή τη γλώσσα κατασκευής ιστοσελίδων. Αν σε ενδιαφέρει να μάθεις περισσότερα τότε ρίξε μια ματιά σε αυτό το μάθημα HTML (είναι σε απλά αγγλικά). Επίσης μπορείς να διαβάσεις το άρθρο μου εισαγωγή στα CSS για αρχάριους.

Αν έχεις βασικές γνώσεις HTML τότε είσαι έτοιμος/η για να διαβάσεις το άρθρο για τις βέλτιστες πρακτικές SEO για ένα site. Επίσης αν αναζητάς ιδέες για να βγάλεις χρήματα μέσα από το διαδίκτυο σου προτείνω να "κατεβάσεις" σήμερα εντελώς δωρεάν τα 3 ηλεκτρονικα μου βιβλία (pdf ebooks) με χρήσιμες πληροφορίες που μπορεί να σου αλλάξουν τη ζωή! Απλά βάλε το email σου στη παρακάτω φόρμα για να εγγραφείς δωρεάν στις ενημερώσεις nextnet.gr και με την ολοκλήρωση της εγγραφής θα λάβεις τους συνδέσμους (download links) για τα 3 βιβλία...:



Σου άρεσε το παραπάνω άρθρο; Μοιράσου το με τους φίλους σου...:


Ταξίδι Χρωματισμού στο Ηλιακό μας Σύστημα
Αυτό το μεγάλο σε διαστάσεις βιβλίο θα σου προσφέρει έντονες επιμορφωτικές στιγμές χρωματισμού των πλανητών του ηλιακού μας συστήματος. Όλα ξεκινάνε στη Γη με μια δυνατη επιθυμία για ένα ταξίδι στο Φεγγάρι και καταλήγουν με ένα μεγάλο ταξίδι προς τον Ποσειδώνα... Ένα βιβλίο χρωματισμού για όλες τις ηλικίες...

Απόκτησε το από την CreateSpace

Απόκτησε το από το Amazon

Δες το εσωτερικό του βιβλίου

Ταξίδι Χρωματισμού στο Ηλιακό μας Σύστημα
ΕγγραφήΔΩΡΕΆΝ εγγραφή στις ενημερώσεις NEXTNET
Για να μαθαίνεις μέσω e-mail τα νέα του nextnet.gr (π.χ. όταν δημοσιεύεται κάποιο άρθρο ή κάποια προσφορά) συμπλήρωσε το e-mail σου στη παρακάτω φόρμα. Η εγγραφή είναι 100% δωρεάν! Η διεύθυνση email σου είναι ασφαλής και δεν πρόκειται να πουληθεί ή ενοικιαστεί ή με οποιονδήποτε τρόπο φανερωθεί σε τρίτους. Με την ολοκλήρωση της εγγραφής θα λάβεις ως δώρο 3 χρήσιμα ηλεκτρονικά βιβλία (ebook) που μπορεί να αλλάξουν τη ζωή σου! Μάθε περισσότερα...

VCard
ΝΕΧΤΝΕΤ - Υπηρεσίες διαδικτύου
Κων/πόλεως 4 - Τ.Θ. 167, T.K. 53100 - Φλώρινα, Ελλάδα.
Τηλέφωνο: +30.2385037961
http://nextnet.gr
Δωρεάν

Μυστικά ομορφιάς και νεότητας για κάθε ηλικία

Ένα πολλά υποσχόμενο site με θέμα την νεότητα και την ομορφιά που ξεκίνησε κάπως δυναμικά αλλά τελικά δεν προχώρησε όπως θα έπρεπε. Βρίσκεται στην διεύθυνση omorfia.nextnet.gr και περιέχει μερικά άρθρα που θα μπορούσαν να ωφελήσουν μια γυναίκα σε θέματα ομορφιάς και νεότητας.

ΕΠΙΚΟΙΝΏΝΗΣΕ ΜΕ NEXTNET...
...για διαδικτυακά θέματα ή για να πεις τη γνώμη σου... ΚΑΝΕ ΚΛΙΚ ΕΔΩ.

Εφημερίδα ΗΧΩ Φλώρινας
Όλα τα νέα από τις περιοχές Φλώρινας, Αμυνταίου & Πρεσπών (και όχι μόνο)...
Εφημερίδα ηχώ Φλώρινας
Επισκέψου την ιστοσελίδα της εφημερίδας
Ηχώ Φλώρινας blog (2η έκδοση)
Ηχώ Φλώρινας blog (1η έκδοση)
Γινε συνδρομητής!
ΓΙΑ ΝΈΕΣ ΙΣΤΟΣΕΛΊΔΕΣ & BLOGS!
Μόλις έφτιαξες την καινούργια σου ιστοσελίδα ή blog και δεν ξέρεις πως να την κάνεις γνωστή στις μηχανές αναζήτησης όπως το Google κ.α.; Στον μίνι οδηγό που μπορείς να κατεβάσεις εντελώς δωρεάν θα βρεις συμβουλές βήμα προς βήμα για να... πάρει μπρος η ιστοσελίδα σου!

"Κατέβασε" δωρεάν τον χρήσιμο οδηγό PDF

Προώθηση στις μηχανές αναζήτησης...

Λέχοβο Φλώρινας

Το Λέχοβο είναι ένα μαρτυρικό χωριό της Ελλάδας με μεγάλη ιστορία και παράδοση. Μάθε τα πάντα για αυτή την μαγευτική γωνιά της της χώρας μας στη Φλώρινα, γνώρισε τους κατοίκους του χωριού, δες τις ασχολίες, τα εδέσματα τους και τους εορτασμούς που πραγματοποιούνται κάθε χρόνο στο Λέχοβο. Ένα site με πραγματικές φωτογραφίες και αληθινά κείμενα ...
Η επανάσταση του bitcoin είναι εδώ!
Το bitcoin είναι το πιο δημοφιλές ψηφιακό νόμισμα της εποχής μας. Επίσης αποτελεί ευκαιρία για να κερδίσεις χρήματα αφού η τιμή του αυξάνεται συνεχώς. Σου παρουσιάζω μια στρατηγική με την οποία μπορείς κι εσύ να αποκτήσεις (χωρίς εργασία) bitcoin τα οποία έπειτα μπορείς να μετατρέψεις σε ευρώ. Πάρε κι εσύ μέρος στην επανάσταση των ψηφιακών νομισμάτων!

"Κατέβασε" εντελώς δωρεάν τον PDF οδηγό.

Ψηφιακό νόμισμα bitcoin
Καλλιέργεια Λαχανικών Σε Κήπο
Ένα βιβλίο χρήσιμο καλοτυπωμένο, με εικόνες για όσους διαθέτουν κήπο. Το βιβλίο σε διδάσκει πώς να καλλιεργήσεις με επιτυχία 8 βασικά λαχανικά που εντάσσονται στη Μεσογειακή διατροφή: Ντομάτα, Πιπεριά, Αγγούρι, Μαρούλι, Κρεμμύδι, Λάχανο, Κολοκύθα, Καρότο. Απόκτησε το σήμερα στη χαμηλότερη δυνατή τιμή!

Δες το στην CreateSpace

Απόκτησε το από το Amazon

Δες το εσωτερικό του βιβλίου

Καλλιέργεια Λαχανικών σε Κήπο - Ελληνική έκδοση

Φασόλι Πρέσπας

Τα πιο νόστιμα φασόλια που υπάρχουν και παράγονται στον ευλογημένο τόπο των Πρεσπών. Γνωρίστε τον τοπικό παραγωγό, μάθετε για τη διαδικασία παραγωγής (βιολογικά φασόλια), δείτε συνταγές με φασόλια και παραγγείλτε τα όσπρια της αρεσκείας (μαζί με φακή και ρεβύθια). Όλα από τη Πρέσπα...
Δωρεάν στρατηγική κέρδους!
Βγάλε πολλά χρήματα ξεκινώντας με μηδενικό κεφάλαιο και χτίζοντας μια αυτοκρατορία μέσα από μια δωρεάν ιστοσελίδα/blog. Ένα πανέξυπνο και έγκυρο concept για όλους τους χρήστες του internet που θέλουν να ανεξαρτητοποιηθούν οικονομικά... μια για πάντα! Με χρήσιμες συμβουλές βήμα προς βήμα.

Κάνε κλικ εδώ για να κατεβάσεις τον PDF οδηγό.

Απόκτησε θησαυρό
Ζωγράφισε & Χρωμάτισε τους 12 Ολύμπιους Θεούς
Ένα μοναδικό βιβλίο, καλοτυπωμένο με χρήσιμες πληροφορίες για τους 12 Ολύμπιους θεούς και σελίδες για να ζωγραφίσεις και να χρωματίσεις τις φιγούρες τους... Αν εμπνέεσε από το δωδεκάθεο τότε πρέπει να το δεις. Από την Δήμητρα, την Αθηνά και την Αφροδίτη μέχρι τον Δία, τον Άρη και τον Ήφαιστο. Απόκτησε το σήμερα!

Δες το στη CreateSpace

Δες το στο Amazon

Δες το εσωτερικό του βιβλίου

Ζωγράφισε & Χρωμάτισε τους 12 Ολύμπιους Θεούς
Verify your site with eCert by nextnet.gr

Ηχωμαγειρέματα

Παραδοσιακές και όχι μόνο συνταγές μαγειρικής με αναλυτικές περιγραφές και φωτογραφίες. Η Αυγή και οι φίλοι/ες της ετοιμάζουν ένα σωρό τοπικά εδέσματα της Φλώρινας και άλλων περιοχών. Αν σε ενδιαφέρει η μαγειρική, η παράδοση ή ψάχνεις νέες ιδέες για συνταγές ρίξε μια ματιά σε αυτό το πλούσιο site...

ΕΠΣ Φλώρινας

Η επίσημη, καινούργια ιστοσελίδα της Ένωσης Ποδοσφαιρικών Σωματείων Φλώρινας (Ε.Π.Σ.Φ.). Μάθε όλα τα τελευταία νέα για τα τοπικά ποδοσφαιρικά πρωταθλήματα και το κύπελλο συλλόγων ερασιτεχνικού ποδοσφαίρου, δες της νέες δημοσιεύσεις της ΕΠΣ Φλώρινας ή κάνε εγγραφή για να ενημερώνεσαι στο email σου για όλα τα νέα της επίσημης ιστοσελίδας της ΕΠΣ Φλώρινας.
ok
3 ebooks εντελώς δωρεάν!

"Κατέβασε" εντελώς δωρεάν τα 3 ηλεκτρονικά μου βιβλία (PDF ebooks) με πληροφορίες και στρατηγικές που μπορεί να αυξήσουν το εισόδημα σου κατα πολύ, να κάνουν την ιστοσελίδα σου γνωστή στις μηχανές αναζήτησης όπως το Google, να σου δείξουν πως μπορείς να επωφεληθείς από την επανάσταση των ψηφιακών νομισμάτων... Μην χάνεις την ευκαιρία να αποκτήσεις αυτές τις πληροφορίες...

Πραγματοποίησε την 100% δωρεάν εγγραφή στις ενημερώσεις nextnet.gr και θα λάβεις άμεσα τους συνδέσμους (download links) και για τα 3 ηλεκτρονικά βιβλία μαζί! Απλά βάλε το email σου στη παρακάτω φόρμα...:

Email:

Το email σου είναι ασφαλές και δεν θα γνωστοποιηθεί ποτέ σε τρίτους. Για να μάθεις περισσότερα για τα 3 ebooks κάνε κλικ εδώ.



NEXTNET - Υπηρεσίες διαδικτύου

Δωρεάν διαδικτυακές υπηρεσίες και πρωτοπορίες
Λογότυπο nextnet.gr Κωσταντινουπόλεως 4, ΤΚ53100 Φλώρινα, Ελλάδα +30.2385037961 Δωρεάν
Βαθμολογία Επιχείρησης: 5 από 5 με 2 κριτικές |
nextnet.gr - Powered by NEXTNET - Επικοινωνία | RSS | Όροι χρήσης | Πολιτική απορρήτου
Τα περιεχόμενα της ιστοσελίδας μπορούν να αντιγραφούν και να χρησιμοποιηθούν ελεύθερα ή να αναδιανεμηθούν διαδικτυακά με τη προϋπόθεση ότι θα υπάρχει ενεργός σύνδεσμος (backlink) προς το nextnet.gr ως ανταπόδωση - NEXTNET - Δωρεάν υπηρεσίες διαδικτύου & πρωτοπορίες...