Βασικές ετικέτες HTML που πρέπει να γνωρίζετε για τους bloggers και αυτούς που έχουν έναν ιστότοπο

Όταν θέλετε να δημιουργήσετε ένα blog ή έναν ιστότοπο, όπως φαίνεται στα προηγούμενα άρθρα, δεν είναι απαραίτητο να πληρώσετε έναν επαγγελματία επειδή, αν έχετε χρόνο και δεν χρειάζεστε ειδικά προηγμένα χαρακτηριστικά, απλά χρησιμοποιήστε ένα από αυτά τα δωρεάν ηλεκτρονικά προγράμματα που σας επιτρέπουν να δημιουργήστε έναν ιστότοπο χωρίς κώδικα HTML.
Ακόμη και αν αυτά τα ηλεκτρονικά εργαλεία είναι όλο και πιο ισχυρά και εύχρηστα, δεν μπορείτε να έχετε έναν ιστότοπο χωρίς να γνωρίζετε ακόμη το ABC της HTML ή την κύρια γλώσσα προγραμματισμού με την οποία παράγονται ιστότοποι.
Η HTML ( HyperText Markup Language ) δεν είναι στην πραγματικότητα γλώσσα προγραμματισμού, δηλαδή γλώσσα για την επικοινωνία των οδηγιών σε έναν υπολογιστή, αλλά μια Γλώσσα Σήμανσης (Markup Language), δηλαδή ένας τρόπος σύνταξης κειμένου μορφοποιημένου για τον ιστό.
Τα προγράμματα περιήγησης όπως ο Firefox ή ο Internet Explorer διαβάζουν αυτόν τον κώδικα HTML και δείχνουν αυτό που είναι γραμμένο κατά τρόπο ομαλό, με όλα τα αντικείμενα να είναι διατεταγμένα όπως προτίθενται από εκείνους που έκαναν το site.
Με άλλα λόγια, η HTML περιγράφει τις ιστοσελίδες και, με βάση αυτή την περιγραφή, το πρόγραμμα περιήγησης δημιουργεί μια εικόνα.
Δεδομένου ότι αυτό δεν είναι ένας οδηγός για την HTML, για την οποία θα χρειαζόταν κάτι περισσότερο από ένα άρθρο, αυτό που θέλω να μοιραστώ είναι οι βασικοί κανόνες για την καλύτερη κατανόηση των ετικετών HTML και για να μπορέσετε να τις χρησιμοποιήσετε όταν χρειάζεται, στο φόρουμ σας, σε ένα blog ή να κάνετε αλλαγές σε έναν ιστότοπο.
Το HTML χρησιμοποιεί ετικέτες που χρησιμοποιούνται για να περιγράψουν τη συμπεριφορά ενός κειμένου που περικλείεται σε γωνιακές αγκύλες, όπως παρακάτω:
Η λέξη μέσα στην παρένθεση είναι η ετικέτα ανοίγματος και κάθε ετικέτα ανοίγματος πρέπει να ακολουθείται από μια ετικέτα κλεισίματος όπως αυτή:
1) Η μορφοποίηση κειμένου σε ιστότοπους γίνεται πλέον χρησιμοποιώντας CSS, μια άλλη γλώσσα σήμανσης που σας επιτρέπει να περιγράψετε τη γραφική διάταξη μιας ιστοσελίδας, έτσι ώστε να ανακαλέσετε στυλ σε HTML.
Ωστόσο, μπορείτε να χρησιμοποιήσετε μερικές βασικές ετικέτες μορφοποίησης όταν χρειάζεται:
HTML: έντονη (μπορείτε επίσης να χρησιμοποιήσετε ισχυρή αντί b)
Όπως φαίνεται στα προγράμματα περιήγησης: έντονα
HTML: πλάγια (μπορείτε επίσης να χρησιμοποιήσετε en αντί για i)
Όπως μπορείτε να δείτε: πλάγια γραφή
HTML: υπογραμμισμένο
Όπως μπορείτε να δείτε: υπογραμμισμένο
HTML: διαγραφή (μπορείτε επίσης να χρησιμοποιήσετε απεργία αντί s)
Όπως μπορείτε να δείτε: διαγραμμένο
2) Η δημιουργία συνδέσμων υπερκειμένου σας επιτρέπει να περιγράφετε διευθύνσεις URL ή διευθύνσεις ιστότοπων, χωρίς να χρειάζεται να καθορίσετε ολόκληρη τη διεύθυνση, άσχημη για να εξετάσετε, ειδικά εάν ο σύνδεσμος είναι πολύ μεγάλος.
HTML: Navigaweb.net
Όπως μπορείτε να δείτε: Navigaweb.net
Αυτή η ετικέτα HTML είναι λίγο πιο περίπλοκη: η πραγματική ετικέτα για τον προσδιορισμό υπερσυνδέσμων είναι ενώ τα άλλα πρόσθετα στοιχεία είναι χαρακτηριστικά που καθορίζουν πρόσθετα χαρακτηριστικά.
Το χαρακτηριστικό href = προσδιορίζει τη διεύθυνση ενώ ο τίτλος = ορίζει τι εμφανίζεται τοποθετώντας το ποντίκι πάνω από τη λέξη.
Στην HTML χρησιμοποιούμε εισαγωγικά για να επισυνάψουμε τιμές χαρακτηριστικών, ενώ στο xHTML (που χρησιμοποιείται επίσης από τον επεξεργαστή του Blogger) χρησιμοποιούμε την απόστροφο ».
3) Η προσθήκη εικόνων ή φωτογραφιών είναι ένα από τα πιο σημαντικά πράγματα που πρέπει να γνωρίζετε, επίσης επειδή συχνά στους ιστότοπους που φιλοξενούν φωτογραφίες, ο κώδικας HTML παρέχεται για χρήση σε ιστολόγια ή φόρουμ ή σε άλλους ιστότοπους.
HTML:
Όπως φαίνεται:
Σε αυτή την περίπτωση, η πραγματική ετικέτα είναι ενώ τα απαιτούμενα χαρακτηριστικά είναι src = και, προαιρετικά, alt = που περιγράφει την εικόνα με λέξεις.
Και πάλι, χρησιμοποιήστε εισαγωγικά για να αποφύγετε τους σπασμένους συνδέσμους.
Όπως μπορείτε να δείτε, η ετικέτα κλείνει με a /> χωρίς να επαναλαμβάνεται η λέξη img .
Μπορείτε να προσθέσετε το χαρακτηριστικό float = "left" ή float = "right" για να μορφοποιήσετε μια εικόνα αριστερά ή δεξιά, έτσι ώστε να είναι τυλιγμένη σε κείμενο.
Για να δημιουργήσετε μια υπερσύνδεση σε μια εικόνα, μπορείτε να την χρησιμοποιήσετε ως κώδικα:
HTML:
Όπως φαίνεται:
4) Παραγράφους και διαλείμματα γραμμής
Για να δημιουργήσετε δομημένο κείμενο και να τυλίξετε, πρέπει να χρησιμοποιήσετε ετικέτες για να δημιουργήσετε διαχωριστικά γραμμών και παραγράφους.
Σε HTML, μετά από μια γραμμή, μπορείτε να την γράψετε
για να πάτε στο κάτω μέρος.
Αυτό ανοίγει και κλείνει την ίδια στιγμή, ώστε να μην χρειάζεται να το επαναλάβετε.
Για να δημιουργήσετε παραγράφους, με την έννοια ότι υπάρχει μια κενή γραμμή πριν και μετά, πρέπει να επισυνάψετε το γραπτό κείμενο μεταξύ των ετικετών HTML

και

5) Οι κατάλογοι μπορούν να γίνουν με κανονικό τρόπο ως αριθμημένες λίστες ή χωρίς ταξινόμηση με λίστες με κουκκίδες.
Ο αριθμημένος κατάλογος μοιάζει με αυτό:
HTML

1. Άρθρο πρώτο


2. Άρθρο 2

Αποτέλεσμα:

1. Άρθρο πρώτο
2. Άρθρο 2

Η λίστα με κουκκίδες χρησιμοποιεί διαφορετική ετικέτα αντί για

χρησιμοποιείται
:



• Άρθρο πρώτο


• το δεύτερο άρθρο



Αποτέλεσμα:

• Άρθρο πρώτο
• Άρθρο 2
Είτε έτσι είτε αλλιώς, η ετικέτα
• χρησιμοποιείται για τον ορισμό ενός στοιχείου μέσα στη λίστα.
  Συμπέρασμα: Μια ετικέτα δεν δείχνει τίποτε άλλο παρά να υποδεικνύει μια θέση ή μια επιλογή του εγγράφου, καθορίζοντας τον τύπο της μαγείας που πρέπει να γίνει.
  Ορισμένες ετικέτες υπάρχουν σε κάθε ιστοσελίδα και περιλαμβάνουν τις ενότητες: ... υποδηλώνει την αρχή και το τέλος της σελίδας, ... είναι η επικεφαλίδα του εγγράφου, όπου εμφανίζεται η θειόλη, η περιγραφή, το CSS και το σενάριο και ... το οποίο είναι αντ 'αυτού σώματος σελίδας.
  Παρόλο που πρόκειται για προκαταρκτικές έννοιες, όλοι όσοι ασχολούνται με έναν ιστότοπο, αλλά και όσοι έχουν πρόσβαση στο διαδίκτυο συμμετέχοντας σε φόρουμ και blogs πρέπει να γνωρίζουν.
  Για να μάθετε περισσότερα σχετικά με το HTML, σε άλλο άρθρο, ανέφερα τους καλύτερους ιστότοπους με οδηγούς HTML και CSS, με παραδείγματα και ηλεκτρονικούς συντάκτες για να κάνουν τις δοκιμές .
  Για να δείτε το HTML μιας σελίδας, απλά πατήστε το δεξί πλήκτρο του ποντικιού οπουδήποτε και δείτε το HTML.
  Εάν χρησιμοποιείτε το Google Chrome, μπορείτε να χρησιμοποιήσετε τη λειτουργία " Επιθεώρηση σελίδας " για να δείτε ποιος κώδικας έχει χρησιμοποιηθεί σε ένα συγκεκριμένο σημείο, ώστε να μπορείτε να εμπνευστείτε και να την αναπαράγετε στον ιστότοπό σας.
  Σε αυτή τη σελίδα μπορείτε να κατεβάσετε έναν πίνακα με τις βασικές ετικέτες HTML για bloggers .
  Στην τοποθεσία αναφοράς HTML, ωστόσο, υπάρχουν όλες οι ετικέτες με τις ιδιότητες και τα χαρακτηριστικά που πηγαίνουν μαζί τους, όλα σε μια σελίδα.