Το HTML σημαίνει "HyperText Markup Language" και είναι ο κώδικας πίσω από κάθε ιστοσελίδα, τη γλώσσα προγραμματισμού με την οποία δημιουργείται ένας ιστότοπος. Ο ίδιος ο κώδικας html δεν είναι δύσκολο να κατανοηθεί και να μάθει και ο καθένας μπορεί εύκολα να δημιουργήσει έναν ιστότοπο στον υπολογιστή του χρησιμοποιώντας προγράμματα όπως το Kompozer, έναν γραφικό και οπτικό επεξεργαστή που απλοποιεί πολύ την ανάπτυξη.
Εκείνοι που ετοιμάζονται να δημιουργήσουν μια ιστοσελίδα, ακόμα και αν χρησιμοποιούν δωρεάν CMS με καθοδηγούμενη δημιουργία ιστοσελίδας, πρέπει να γνωρίζουν τουλάχιστον τα βασικά του κώδικα HTML για μεγαλύτερο έλεγχο.
Σε αυτό το άρθρο δεν θα υπάρχει εκπαιδευτικό πρόγραμμα για την εκμάθηση προγραμματισμού σε html, αλλά πόροι που σίγουρα θα είναι χρήσιμοι σε όλους τους webmasters, τόσο τους πιο άπειρους, όσο και στους επαγγελματίες και τους σχεδιαστές γραφικών διαδικτύου.
Στην πραγματικότητα, μιλάμε για φύλλα απατεώνων ή σύνολα σχεδίων, σε μια σελίδα, η οποία, αν τυπωθεί και κρεμαστεί στον τοίχο, να γίνει μια πολύτιμη πηγή για να θυμόμαστε και να έχουμε κατά νου τις πιο συχνά χρησιμοποιούμενες πληροφορίες .
Έτσι, ως υπενθύμιση μαθηματικών τύπων ή ιατρικών ορισμών, ακόμη και για τους προγραμματιστές και τους σχεδιαστές ιστοσελίδων υπάρχουν συνοπτικοί πίνακες με τους κύριους κώδικες και ιδιότητες που κατά καιρούς μπορούν να ξεφύγουν από το μυαλό.
Σε αυτή την ανάρτηση επισημαίνω τα πιο χρήσιμα φύλλα για γλώσσες HTML, CSS και Javascript, οι οποίες μπορούν να μεταφορτωθούν δωρεάν σε pdf και εκτυπωμένες, ώστε να χρησιμοποιηθούν ως σχήματα αναφοράς για να θυμούνται τα πράγματα πιο γρήγορα .
Για τη γλώσσα HTML υπάρχουν 3 σύνολα, δύο πολύ όμοια και εναλλακτικά και ένα αντίγραφο που περιέχει τους κώδικες για την εγγραφή ειδικών χαρακτήρων.
1) Φύλλο Βοήθειας HTML
2) Φύλακας HTML
3) Ειδικοί χαρακτήρες σε HTML.
4) Ο πίνακας των στοιχείων του HTML5 με όλες τις εξηγήσεις για κάθε TAG από το W3C.
Αυτός δεν είναι ένας πίνακας με δυνατότητα λήψης αλλά μια εφαρμογή ιστού.
Για τους σχεδιαστές ιστότοπων που χρησιμοποιούν το πρόγραμμα Dreamweaver υπάρχει ένας πίνακας διπλής σελίδας με την συνοπτική περίληψη όλων των πλήκτρων πρόσβασης, τους συνδυασμούς πλήκτρων για γρήγορη κλήση των λειτουργιών και σύντομη επεξήγηση των μενού.
Όσον αφορά τον κώδικα CSS και τα φύλλα στυλ που χρησιμοποιούνται σε μια ιστοσελίδα, υπάρχουν οι παρακάτω πίνακες:
Το CSS Cheat Free είναι ένα αρχείο 5 σελίδων που περιέχει όλες τις ετικέτες ή τις παραμέτρους της γλώσσας CSS με όλες τις μεταβλητές που μπορούν να αναλάβουν.
Διαθέσιμο για δωρεάν download είναι επίσης η έκδοση του CSS Cheat, πιο συνθετικό, από μόνο δύο σελίδες, με τις κύριες παραμέτρους και τις μεταβλητές τους.
Δεδομένου ότι οι περισσότεροι άνθρωποι που εργάζονται σε ιστότοπους χρησιμοποιούν μόνο μερικές από όλες τις πιθανές παραμέτρους σε ένα φύλλο στυλ CSS, τότε είναι χρήσιμο να κατεβάσετε το Practical CSS Cheat Sheet με τις κύριες ιδιότητες .
Το CSS Cheat Sheet είναι μια σελίδα με μια περίληψη του τρόπου χρήσης του φύλλου στυλ CSS, με τις κύριες ιδιότητες και το νόημά του.
Όσον αφορά το Javascript και άλλες πιο σύνθετες και προηγμένες γλώσσες, υπάρχουν και άλλα σχήματα σύνθεσης.
jQuery Cheatsheet
JavaScript Cheat Sheet
Οι περισσότερες κοινές ιδιότητες και μέθοδοι DOM
Πρωτότυπο CheatSheet
Σε άλλο άρθρο μπορείτε να περιηγηθείτε στους καλύτερους ιστότοπους με παραδείγματα και οδηγούς HTML, CSS και να κάνετε ασκήσεις και δοκιμές online.
