Χυδαίοι πόροι html. Οι καλύτεροι πόροι για εκμάθηση html και css

Τελευταία ενημέρωση στις 9 Νοεμβρίου 2019 06:54:54 (UTC/GMT +8 ώρες)

Τι είναι η HTML;

Το HTML σημαίνει Hyper Text Markup Language χρησιμοποιείται για τη δημιουργία ιστοσελίδων καθώς και άλλων τύπων εγγράφων με δυνατότητα προβολής σε ένα πρόγραμμα περιήγησης Ιστού.

Το HTML είναι ένα πρότυπο που καθορίζεται και διατηρείται από την Κοινοπραξία του Παγκόσμιου Ιστού.

Από την εφεύρεσή του, η HTML έχει εξελιχθεί μέσω διαφορετικών εκδόσεων. Η παρούσα έκδοση του HTML είναι η HTML 4.01.

Η επόμενη έκδοση της HTML είναι η HTML 5, η οποία βρίσκεται υπό ανάπτυξη, αλλά οι προγραμματιστές έχουν ήδη αρχίσει να χρησιμοποιούν ορισμένες από τις δυνατότητες της.

Στις επόμενες σελίδες, θα συζητήσουμε λεπτομερώς την HTML 4.01. Μαθαίνοντας το οποίο, θα μπορείτε να δημιουργήσετε ιστοσελίδες μόνοι σας.

Κώδικας HTML μιας απλής ιστοσελίδας

Ένα παράδειγμα σελίδας HTML

Αυτό είναι ένα παράδειγμα σελίδας HTML

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at nisi velit, aliquet iaculis est. Curabitur porttitor nisi vel lacus euismod egestas. Στο hac habitasse platea dictumst. In sagittis magna eu odio interdum mollis. Phasellus sagittis pulvinar facilisis. Donec vel odio volutpat tortor volutpat commodo. Donec vehicula vulputate sem, vel iaculis urna molestie eget. Sed pellentesque adipiscing tortor, στο condimentum elit elementum sed. Mauris dignissim elementum nunc, non elementum felis condimentum eu. In in turpis quis erat imperdiet vulputate. Pellentesque mauris turpis, dignissim sed iaculis eu, euismod eget ipsum. Vivamus mollis adipiscing viverra. Morbi at sem eget nisl euismod porta. Sed semper, tortor eu molestie iaculis, felis massa vestibulum massa, vitae suscipit arcu nunc quis ante. Phasellus aliquam elit στο nisl condimentum commodo. Nunc congue nibh aliquam enim aliquet nec feugiat diam condimentum. Δυνατότητα ανάρτησης. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam accumsan velit sed lacus pellentesque in gravida nunc ultrices. Aliquam varius scelerisque erat ut egestas.

Μάθετε HTML από τον ιστότοπο

Αυτό είναι ένα παράδειγμα σελίδας HTML

Χαρακτηριστικά των οδηγών HTML w3resource

Καλύψαμε όλα τα στοιχεία ή τις ετικέτες HTML 4.01 και τα χαρακτηριστικά τους. Επειδή είναι στοιχεία (ή ετικέτες) και χαρακτηριστικά HTML, τα οποία πρέπει να κατανοήσετε για την εκμάθηση HTML. Κατά τη συζήτηση μιας ετικέτας ή στοιχείων HTML στα εκπαιδευτικά μας προγράμματα HTML, χρησιμοποιήσαμε τις ακόλουθες δυνατότητες για να σας βοηθήσουμε να κατανοήσετε καλύτερα:

1. Ξεκινήσαμε με μια σαφή και απλή περιγραφή.

2. Έχουμε δώσει μια Σύνταξη για να θυμάστε πώς να τη γράφετε.

3. Μια χρήση για να σας δείξει πώς να το γράψετε στην πράξη.

4. Έχουμε δείξει το Αποτέλεσμα της χρήσης.

5. Δεδομένου ότι οι ετικέτες HTML μπορεί να έχουν ή να μην έχουν και ετικέτα λήξης για να κλείσει το στοιχείο, δείχναμε πάντα εάν απαιτούνται ή όχι οι ετικέτες έναρξης και λήξης.

6. Σε ποια Κατηγορία ανήκει το στοιχείο HTML, π.χ. εάν είναι για κείμενο ή για επικεφαλίδα ή για δημιουργία φορμών κ.λπ.

7. Ποια άλλα στοιχεία ή ποιος τύπος περιεχομένου μπορεί να περιέχει η ετικέτα HTML.

8. Μέσα σε ποια άλλα στοιχεία ενδέχεται να βρίσκονται η ετικέτα HTML.

9. Διαφορετικά χαρακτηριστικά αυτής της ετικέτας, η περιγραφή τους και τα παραδείγματα.

10. Ένα παράδειγμα αυτής της ετικέτας HTML.

11. Το αποτέλεσμα αυτού του παραδείγματος.

12. Δείτε το παράδειγμα σε ένα πρόγραμμα περιήγησης.

13. Πώς φαίνεται αυτή η ετικέτα σε διαφορετικά προγράμματα περιήγησης.

Για να σας βοηθήσουμε, "συγκεντρώσαμε μια επιλογή πόρων που θα σας πουν τι πρέπει να ξέρετε, θα σας βοηθήσουν όταν κολλήσετε και θα σας βοηθήσουν να επεκτείνετε τις δεξιότητές σας σε χρόνο μηδέν.

01. Φύλλο εξαπάτησης HTML

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

02. Φύλλο εξαπάτησης CSS

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

03. CSS-Κόλπα

Όταν ξεκίνησε το 2007, αυτός ο ιστότοπος αφορούσε το CSS. Τώρα "έχει επεκταθεί αρκετά, αλλά υπάρχουν ακόμα πολλές χρήσιμες πληροφορίες και σεμινάρια σχετικά με το CSS και το HTML για να κολλήσετε. Αξίζει σίγουρα μια επίσκεψη.

04. CSS Wizardry

Το CSS είναι εύκολο στην εκμάθηση, αλλά δύσκολο να κυριαρχήσει. Το Harry Roberts" CSS Wizardry έχει μερικά από τα καλύτερα άρθρα σχετικά με την ασυνήθιστη σύνταξη επεκτάσιμου και διατηρήσιμου CSS, όπως η μεθοδολογία BEM και η ανακατασκευή (τα οποία είναι από τα πιο δύσκολα μέρη).

05. Ετήσια κορυφαία στυλό της CodePen

Ένας από τους καλύτερους τρόπους εκμάθησης HTML/CSS είναι να αναλύετε τις εντυπωσιακές επιδείξεις που ανακαλύπτετε και τα ετήσια Top Pens του CodePen είναι ιδανικά για αυτό. Η ενσωματωμένη διεπαφή χρήστη του CodePen για την κατάδυση στον κώδικα είναι επίσης βολική. Με παρόμοιο τρόπο, ίσως θα θέλατε επίσης να δείτε την ανάρτησή μας.

06. Web Design Weekly

Το HTML και το CSS εξελίσσονται συνεχώς. Για να παραμένετε ενημερωμένοι με τις πιο πρόσφατες μεθοδολογίες και δυνατότητες, συνιστούμε αυτό το ενημερωτικό δελτίο ηλεκτρονικού ταχυδρομείου. Έρχεται μία φορά την εβδομάδα, που είναι αρκετά συχνά ώστε να το διαβάζετε πραγματικά.

07. Responsive Design Weekly

Το Responsive είναι ένα ζωτικό μέρος της εργαλειοθήκης του σχεδιαστή ιστοσελίδων αυτές τις μέρες και για να σας βοηθήσει να είστε ενημερωμένοι, ο Justin Avery αφιερώνει ώρες κάθε εβδομάδα επιμελώντας το καλύτερο responsive περιεχόμενο σχεδίασης ιστοσελίδων και παίρνει συνεντεύξεις από τους ηγέτες του κλάδου και το στέλνει ως ενημερωτικό δελτίο κάθε Παρασκευή (Μπορεί επίσης να σας αρέσει η ανάρτησή μας στο .)

08. Δημιουργήστε μη ορθογώνιες διατάξεις με σχήματα CSS

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

Και αυτό είναι κάτι, δύο έγγραφα που πρέπει οπωσδήποτε να έχετε βάλει σελιδοδείκτη.…Αυτή είναι η έκδοση W3Cs της HTML5.…Μπορείτε να δείτε ότι έχουν μια πιο πρόσφατη έκδοση Publisher.…Μπορείτε να δείτε το Πρόχειρο του Editor…αν Θέλω να δω τι "έρχεται κάτω, κάτω από το σωλήνα". Και, αυτό είναι αρκετά μεγάλο... Αν κάνω κύλιση προς τα κάτω, μπορείτε να δείτε ότι εδώ είναι μόνο ο Πίνακας Περιεχομένων... Και δεν πρόκειται καν να κάνω κύλιση μέσα από όλα αυτά…

Συνέχιση αυτόματης κύλισης μεταγραφής

ΕΠΙΚΑΙΡΟΠΟΙΗΜΕΝΟ

3/30/2017

Απελευθερώθηκε

3/16/2015

Η HTML είναι η γλώσσα προγραμματισμού που τροφοδοτεί τον ιστό. Και όπως κάθε γλώσσα, μόλις την κατακτήσετε, μπορείτε να αρχίσετε να δημιουργείτε το δικό σας περιεχόμενο, είτε πρόκειται για απλούς ιστότοπους είτε για πολύπλοκες εφαρμογές Ιστού. Αυτό το μάθημα παρέχει μια εις βάθος ματιά στα βασικά: τη σύνταξη του HTML και τις βέλτιστες πρακτικές για ο ανώτερος συντάκτης του προσωπικού James Williamson εξετάζει τη δομή ενός τυπικού εγγράφου HTML και δείχνει πώς να τμηματοποιείτε σελίδες και να μορφοποιείτε το περιεχόμενό σας με HTML.Plus, να μάθετε πώς να δημιουργείτε συνδέσμους και λίστες και να μάθετε πώς λειτουργεί η HTML με CSS και JavaScript για να δημιουργήσετε πλούσιο περιεχόμενο , προσελκύοντας εμπειρίες χρήστη.

Τα θέματα περιλαμβάνουν:

Γιατί είναι σημαντικό το HTML;
Εξερεύνηση ενός εγγράφου HTML
Μορφοποίηση περιεχομένου
Εμφάνιση εικόνων
Χρήση στοιχείων πλοήγησης, άρθρου και div
Σύνδεση με σελίδες και περιεχόμενο με δυνατότητα λήψης
Δημιουργία λιστών
Έλεγχος του στυλ (γραμματοσειρές, χρώματα και άλλα)
Συγγραφή βασικών σεναρίων

Αποφάσισα να συνεχίσω αυτό το τρέχον θέμα. Έχω συγκεντρώσει μια λίστα με τους καλύτερους πόρους html και css για να σας βοηθήσω να μάθετε αυτά τα πράγματα. Θυμάμαι όταν ξεκίνησα ως webmaster ο ίδιος, μου έλειψε πραγματικά μια τέτοια επιλογή υψηλής ποιότητας και χρήσιμους πόρους.

Πρώτον, ορισμένοι ορισμοί:

Html (από το αγγλικό "HyperText Markup Language" - γλώσσα σήμανσης υπερκειμένου) είναι η τυπική γλώσσα σήμανσης για ιστοσελίδες.

Το Css (από τα αγγλικά "Cascading Style Sheets" - cascading style sheets) είναι μια τεχνολογία περιγραφής εμφάνισηιστοσελίδες.

Χωρίς γνώση html και css, η λειτουργία του ιστότοπού σας θα είναι πολύ προβληματική - ακόμη και ένας μετρητής στατιστικών ή το ίδιο banner δεν θα λειτουργήσει. Μην τρέχετε στους ειδικούς για βοήθεια ή δεν δημιουργείτε θέμα μετά από θέμα στα φόρουμ; Απλά πρέπει να πάρεις και να μάθεις.

Από τη δική μου εμπειρία μπορώ να πω ότι html και css μαθαίνονται σε 1 μήνα. Φυσικά, δεν μιλάω για επαγγελματικά ύψη - εσείς οι ίδιοι θα τα φτάσετε αν θέλετε.

Κατά τη γνώμη μου, Ο καλύτερος τρόποςγια να μάθετε html, css και άλλα θέματα, συμπεριλαμβανομένης της προώθησης ιστότοπου, είναι να ξεκινήσετε τον δικό σας ιστότοπο και να εξασκηθείτε σε αυτόν. Παρεμπιπτόντως, μπορείτε να δείτε τον πρώτο ιστότοπο που δημιούργησα στους χάρτες για το παιχνίδι Counter-Strike, το οποίο μου άρεσε να δημιουργώ εκείνη την εποχή. Εδώ είναι οι χάρτες και τα στιγμιότυπά τους, που δημιουργήθηκαν από τον παλιό Globator εκείνες τις μέρες που δεν ήξερε ακόμα ποια ήταν τα top 10, το TCI και το PR, και απρόσεκτα γλεντούσε στον ήλιο δημιουργώντας τρισδιάστατους χάρτες 🙂. Δημιούργησα αυτόν τον ιστότοπο σε ένα μήνα, μαθαίνοντας html και css στην πράξη.

Δεν χρειάζεται να είστε τεχνικός για να μάθετε html και css. Για παράδειγμα, γενικά είμαι ανθρωπιστής και στα μαθηματικά είχα βασικά «2» 🙂 . Έτσι, ο καθένας μπορεί να μάθει html και css. Οι πόροι που έχω παραθέσει είναι επίσης κατάλληλοι ώστε ανά πάσα στιγμή να μπορείτε να τους χρησιμοποιήσετε για να μάθετε οποιαδήποτε στιγμή σας ενδιαφέρει χρησιμοποιώντας html και css.

Ιστοσελίδες για εκμάθηση html και css

Θα ξεκινήσω μια επιλογή χρήσιμων πόρων για την εκμάθηση html και css από έναν ιστότοπο που ο ίδιος μελέτησα. Αυτά είναι μαθήματα Wild html γραμμένα από τη Valentina Akhmetzyanova aka Wild. Περιέγραψε όλα τα απαραίτητα σημεία τόσο χαρούμενα και ενδιαφέροντα που η εκμάθηση html και css με τη βοήθεια των μαθημάτων της μετατρέπεται σε μια συναρπαστική εμπειρία. Παρεμπιπτόντως, μπορείτε να διαβάσετε τον ιστότοπο για το ιστολόγιο. Τα άγρια μαθήματα είναι αρκετά για να μάθετε html και css στο επίπεδο που είναι απαραίτητο για να εργαστείτε ως webmaster.

Μπορείτε να φανταστείτε ποιος θα ήμουν αν εξελισσόμουν περαιτέρω στο θέμα του Photoshop; Θα ήμουν ένα πραγματικό τέρας! Αλλά επικοινώνησα με το SEO and vegetate εδώ, πληκτρολογώντας αυτά τα γράμματα με τα δάχτυλα στριμμένα από το κρύο 🙂 . Αστειεύομαι, είναι ζεστό και εδώ και το φαγητό είναι καλό 🙂 .

Αυτή η σελίδαπεριέχει υλικά για όσους ασχολούνται με την ανάπτυξη προτύπων.

Οι περισσότερες από αυτές τις πληροφορίες δεν προστατεύονται με κωδικό πρόσβασης. Ωστόσο, κατά την πρόσβαση σε ορισμένες σελίδες, μπορεί να χρειαστείτε έναν κωδικό πρόσβασης.

Κώδικας δεοντολογίας

Τα μέλη των επιτροπών ISO, των ομάδων εργασίας ή των United for Consensus ενθαρρύνονται να εργάζονται σύμφωνα με τις αρχές του Κώδικα Δεοντολογίας.

Οδηγίες Συμμόρφωσης Ανταγωνισμού

Η συμμόρφωση με τη νομοθεσία κατά τη διαδικασία καθορισμού προτύπων είναι σημαντική για τη διασφάλιση της αποτελεσματικής λειτουργίας της αγοράς και την ενίσχυση της ανταγωνιστικότητας, καθώς και για την αύξηση του επιπέδου εμπιστοσύνης στα πρότυπα. Ο ISO παρέχει καθοδήγηση για νομικά θέματα σε όλους όσους εμπλέκονται στη διαδικασία ανάπτυξης προτύπων.

Οποιεσδήποτε ερωτήσεις σχετικά με τις κατευθυντήριες γραμμές του δικαίου του ανταγωνισμού μπορούν να απευθύνονται στη νομική ομάδα του ISO στη διεύθυνση .

Πνευματική ιδιοκτησία

Όλοι οι συμμετέχοντες σε δραστηριότητες τυποποίησης πρέπει να σέβονται τα πνευματικά δικαιώματα των εκδόσεων ISO και την ανάπτυξη έργων, καθώς και κάθε περιεχόμενο που σχετίζεται με το ISO. Αυτοί οι κανόνες αντικατοπτρίζονται στη Διακήρυξη, με την οποία πρέπει να συμφωνήσουν όλα τα μέρη που ενδιαφέρονται για την τυποποίηση.

Πολιτική στον τομέα της επικοινωνίας των εργασιών της επιτροπής με εξωτερικούς φορείς και της διατήρησης εγγράφων

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

Οποιεσδήποτε ερωτήσεις σχετικά με αυτήν την πολιτική μπορούν να απευθύνονται ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗΓραμματεία TMB: .

Πολιτική προστασίας δεδομένων

Όλα τα μέρη που εμπλέκονται στη διαδικασία τυποποίησης έχουν δικαιώματα και υποχρεώσεις όσον αφορά την προστασία δεδομένων. Αντικατοπτρίζονται στην Πολιτική Προστασίας Δεδομένων που αναπτύχθηκε για τα μέλη ISO, καθώς και στη Δήλωση, την οποία πρέπει να ακολουθούν όλα τα εμπλεκόμενα μέρη αυτή η διαδικασία. Ισχύει για δεδομένα που είναι αποθηκευμένα σε υπηρεσίες πληροφορικής ISO καθώς και για πολλά προσωπικά δεδομένα που συλλέγονται κατά τη διάρκεια εργασιών τυποποίησης (π.χ. λίστες παρουσιών, πρακτικά).

Επεξήγηση όρων και εκφράσεων που χρησιμοποιούνται στα πρότυπα ISO

Διεθνή πρότυπα και εμπόριο

Τύποι νομικών κυρώσεων στο ISO

Ο ISO έχει αναπτύξει ένα έγγραφο που συνοψίζει ζητήματα που σχετίζονται με τις κυρώσεις και τη διαδικασία ανάπτυξης προτύπων.

Συμμετοχή των ενδιαφερομένων και οικοδόμηση συναίνεσης

Ο ISO δεσμεύεται να διασφαλίσει την ανάπτυξη προτύπων ενδιαφερομένων και για τους ενδιαφερόμενουςώστε οι ανάγκες της αγοράς να καλύπτονται αποτελεσματικότερα.

Παρακάτω μπορείτε να βρείτε έγγραφα που παρέχουν καθοδήγηση σχετικά με τον τρόπο συμμετοχής των ενδιαφερομένων.