Τι είναι το HTML; Τι κάνει? Και σε τι χρησιμοποιείται; (Επεξήγηση βίντεο)

Η κατανόηση του HTML ανοίγει τον ιστό. Μόλις μάθετε τι είναι και πώς λειτουργεί, σύντομα θα δείτε πώς βασίζονται πολλές από τις λειτουργίες του Διαδικτύου – και το πιο σημαντικό: τόσο ο τρόπος δημιουργίας βασικών ιστοσελίδων όσο και ο τρόπος επεξεργασίας τους. Επιπλέον, αν και στην αρχή είναι τρομακτικό, το HTML είναι πραγματικά μια πολύ απλή γλώσσα για μάθηση! Είστε έτοιμοι να μάθετε τα πάντα για το HTML?


Ας ΡΙΞΟΥΜΕ μια ΜΑΤΙΑ…

Τι είναι το HTML και τι κάνει ;:

– (σημείωση: πιστώσεις βίντεο στην Topher DeRosia – δημιουργός του HeroPress

Μεταγραφή βίντεο:

Γεια! Αυτό είναι το Topher με το WinningWP. Σε αυτό το βίντεο, θα απαντήσουμε στις ερωτήσεις: Τι είναι το HTML; Τι κάνει και σε τι χρησιμοποιείται; Θα ξεκινήσω λέγοντάς σας τι σημαίνει και, στη συνέχεια, θα σας δείξω τι κάνει και τι χρησιμοποιείται. Το HTML σημαίνει γλώσσα σήμανσης υπερκειμένου και το υπερκειμένο αναφέρεται στο γεγονός ότι το HTML το κάνει έτσι ώστε να μπορείτε να κάνετε κλικ σε συνδέσμους σε ιστοσελίδες. Αυτό είναι το υπερκειμένο. Η γλώσσα σήμανσης λέξεων σημαίνει απλώς ότι είναι κάτι που χρησιμοποιείτε για να επισημάνετε τα κανονικά Αγγλικά για να υποδείξετε πράγματα. Lemme σας δείχνω τι εννοώ: Αυτή είναι μια κανονική ιστοσελίδα. Είναι στο WordPress και ολόκληρη η σελίδα χρησιμοποιεί HTML για να πει στο πρόγραμμα περιήγησης τι να κάνει με όλο αυτό το κείμενο. Μερικά από αυτά είναι πιο σημαντικά από άλλα, κάποια από αυτά σε πίνακες, κάποια από αυτά είναι εικόνες, και σε οποιαδήποτε ιστοσελίδα, σε οποιοδήποτε πρόγραμμα περιήγησης, μπορείτε να κάνετε δεξί κλικ και να προβάλετε την πηγή της σελίδας και να δείτε όλο αυτό το HTML. Ευτυχώς, δεν χρειάζεται να γνωρίζετε όλο αυτό το HTML. Θα σας δείξω τι πρέπει να γνωρίζετε στο πλαίσιο του WordPress. Αυτή είναι η ίδια ανάρτηση, αλλά στην περιοχή διαχειριστή και αν είστε συνηθισμένοι στο WordPress, αυτό θα πρέπει να φαίνεται οικείο. Αυτή είναι η κανονική περιοχή περιεχομένου. Αυτός ο τύπος προγράμματος επεξεργασίας ονομάζεται wysiwyg, γιατί αυτό που βλέπετε είναι αυτό που παίρνετε. Αυτή η λέξη είναι λίγο πιο σκοτεινή από όλες τις άλλες, γιατί την έχω επισημάνει και έκανα κλικ στο έντονο κουμπί και έτσι τώρα φαίνεται έντονη. Αυτή η λέξη, στατιστικά, είναι στην πραγματικότητα μια επικεφαλίδα, μέγεθος τρία, και η ποικιλία είναι επίσης μια επικεφαλίδα, μέγεθος τέσσερα, αλλά αυτό το κανονικό κείμενο είναι απλώς μια παράγραφος. Τώρα ένα τακτοποιημένο πράγμα για αυτόν τον επεξεργαστή είναι ότι ακριβώς εδώ πάνω δεξιά είναι ένα κουμπί που λέει κείμενο. Και τώρα εξετάζουμε τις ίδιες πληροφορίες, αλλά μπορούμε να δούμε τον ακατέργαστο HTML. Ακριβώς εδώ είναι η λέξη πρώτα. Θυμάσαι πώς το έδειξα και το έκανα τολμηρό; Αυτό που συνέβη στην πραγματικότητα είναι τυλιγμένο σε μερικές ετικέτες HTML που ονομάζονται ισχυρές. Το HTML έρχεται συνήθως σε δύο ετικέτες: ένα άνοιγμα και ένα κλείσιμο, και το κλείσιμο είναι διαφορετικό επειδή έχει αυτήν την μικρή κάθετο εδώ. Έτσι, κάτι που είναι πολύ σημαντικό να γνωρίζετε σχετικά με το HTML είναι ότι περιγράφει το κείμενο που επισημαίνει. Δεν θέλω πραγματικά να είναι τολμηρό. Θέλω να είναι δυνατή. Σε ένα πρόγραμμα ανάγνωσης οθόνης, δεν έχει σημασία αν είναι έντονο ή όχι, αλλά η ισχυρή ετικέτα λέει στον αναγνώστη να το πει υπερβολικά. Οι κεφαλίδες μου, τρεις και τέσσερις, εδώ, δείχνουν μια ιεραρχία σε αυτό το κείμενο. Μπορεί να είναι χρήσιμο για άτομα που διαβάζουν, αλλά είναι πραγματικά χρήσιμο για την Google να κατανοήσει τι συμβαίνει με το κείμενό σας και είναι επίσης χρήσιμο για τους αναγνώστες οθόνης. Κάτι σημαντικό να σημειωθεί είναι ότι δεν είναι όλα τα προγράμματα περιήγησης καθιστούν HTML με τον ίδιο τρόπο. Ακόμα και εδώ μέσα σε αυτό το πρόγραμμα περιήγησης που είναι το Chrome, αυτό έχει μέγεθος κεφαλίδας τέσσερα και μοιάζει με το κείμενο της παραγράφου. Αν όμως επιστρέψουμε στην πραγματική ανάρτηση, θα σημειώσετε ότι είναι πολύ μεγαλύτερο από το κείμενο της παραγράφου. Είναι επίσης σημαντικό να θυμάστε ότι δεν εμφανίζονται όλα τα προγράμματα περιήγησης με τον ίδιο τρόπο. Έτσι, δεν μπορείτε να βασίζεστε σε HTML για να το κάνετε μεγαλύτερο και τολμηρό. Απλώς χρησιμοποιείτε HTML για να το περιγράψετε ως μέγεθος κεφαλίδας τρία και στη συνέχεια το πρόγραμμα περιήγησης φροντίζει τι να κάνει με αυτό. Σε ορισμένες περιπτώσεις το καθιστά μεγαλύτερο και τολμηρό, αλλά σε άλλες περιπτώσεις δεν το κάνει. Μέσα σε αυτήν την ανάρτηση, έχουμε έναν πίνακα εδώ, και αν μεταβούμε στη λειτουργία κειμένου, μπορείτε να δείτε ότι είναι εδώ: τραπέζι, σώμα πίνακα, σειρά πίνακα, κ.λπ. Και κάτω από τον πίνακα έχουμε μια εικόνα. Και στο html η εικόνα μοιάζει με αυτήν: ξεκινά με img, τότε υπάρχει μια τάξη, για την οποία θα μιλήσουμε σε ένα άλλο βίντεο και, στη συνέχεια, υπάρχει η ετικέτα προέλευσης, η οποία μας λέει πού βρίσκεται η εικόνα στο Διαδίκτυο. Έχουμε μια ετικέτα alt για αναγνώστες οθόνης και έχουμε μια ετικέτα πλάτους και ύψους, έτσι ώστε το πρόγραμμα περιήγησης να γνωρίζει εκ των προτέρων πόσο μεγάλη θα είναι αυτή η εικόνα. Πιθανότατα δεν θα χρειαστεί να χρησιμοποιείτε αυτήν την καρτέλα κειμένου πολύ συχνά, αλλά μαθαίνοντας λίγο για το πώς λειτουργεί το HTML μπορεί να σας εξοικονομήσει πολύ χρόνο κάποια στιγμή στο μέλλον. Όταν το πρόγραμμα επεξεργασίας wysiwyg δεν συμπεριφέρεται όπως θα έπρεπε, μπορείτε να κάνετε κλικ στην καρτέλα κειμένου και να δείτε τι συμβαίνει. Ίσως θέλετε πραγματικά αυτό το κόλον να βρίσκεται μέσα στις ισχυρές ετικέτες, αλλά το ποντίκι σας δεν ήθελε να το επισημάνετε σωστά. Αλλά είσαι, τώρα είναι μέσα. Τώρα μπορούμε να ενημερώσουμε, και θα βγαίνουμε εδώ, και δεν έχω ξαναφορτώσει ακόμα, οπότε το παχύ έντερο εξακολουθεί να είναι έξω από το δυνατό, αλλά αν το ξαναφορτώσω τώρα, θα δείτε ότι ήταν λίγο πιο τολμηρό. Ας δούμε τι έχουμε μάθει μέχρι στιγμής: Η HTML σημαίνει γλώσσα σήμανσης υπερκειμένου και αυτό σημαίνει ότι πρόκειται για μια γλώσσα που προορίζεται να επισημάνει τα κανονικά αγγλικά σε υπερ-κείμενο και αρχικά το υπερκειμένου απλώς σήμαινε ότι θα μπορούσατε να κάνετε κλικ σε αυτό, αλλά τώρα σημαίνει όλα τα είδη πραγμάτων, όπως δήλωση κεφαλίδων και πινάκων και εικόνων. Η HTML περιγράφει τον σκοπό του κειμένου. Στη συνέχεια, εναπόκειται στο πρόγραμμα περιήγησης ιστού να γνωρίζει τι να κάνει με αυτό το κείμενο. Εάν θέλετε να μάθετε περισσότερα σχετικά με το WordPress, ανατρέξτε στο WinningWP.com.

Δείτε περισσότερα βίντεο…

Οτιδήποτε να προσθέσετε?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me