Top 11 ετικέτες HTML Κάθε ιδιοκτήτης Blogger & Website πρέπει να ξέρει

Διαφήμιση

Ο παγκόσμιος ιστός γνωρίζει πολλές γλώσσες και έχει κωδικοποιηθεί σε διάφορες διαφορετικές γλώσσες. Η μία όμως γλώσσα, η οποία μπορεί να βρεθεί σε όλη την έκτασή της από την εφεύρεση των ιστοσελίδων, είναι η HyperText Markup Language, γνωστότερη ως HTML. Όπως υποδηλώνει το όνομα, η HTML δεν είναι προγραμματισμός, αλλά γλώσσα σήμανσης. Οι επισημάνσεις ερμηνεύονται από προγράμματα περιήγησης για την απεικόνιση περιεχομένου σε ιστότοπους. Στην πιο απλή φόρμα χρησιμοποιείται HTML για τη μορφοποίηση κειμένου, την ενσωμάτωση αρχείων πολυμέσων και την οργάνωση περιεχομένου σε μια ιστοσελίδα. Με άλλα λόγια, η HTML περιγράφει ιστοσελίδες και με βάση αυτή την περιγραφή, το πρόγραμμα περιήγησης δημιουργεί μια «εικόνα».

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

Πριν ξεκινήσουμε, επιτρέψτε μου να σας παρουσιάσω κάποιους βασικούς κανόνες που ελπίζουμε να καταστήσουν ευκολότερα κατανοητές τις ετικέτες HTML:

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

Μορφοποίηση κειμένου

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

Εισαγωγή:τολμηρός
Έξοδος: έντονη

Εισαγωγή:πλάγια
Παραγωγή:πλάγια

Εισαγωγή:υπογράμμισε
Παραγωγή:υπογράμμισε

Εισαγωγή:χτύπημα μέσω κειμένου
Παραγωγή:χτύπημα μέσω κειμένου

Δημιουργία υπερκειμένου

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

Εισαγωγή:Κάνουν χρήση του
Παραγωγή:Κάνουν χρήση του

Όπως μπορείτε να δείτε αυτή η ετικέτα HTML είναι λίγο πιο περίπλοκη, οπότε ας το δούμε λεπτομερώς. Η πραγματική ετικέτα είναι και τα πρόσθετα στοιχεία είναι χαρακτηριστικά που καθορίζουν περαιτέρω χαρακτηριστικά. Το χαρακτηριστικό href = καθορίζει το σύνδεσμο και title = ορίζει την επεξήγηση του ποντικιού. Βεβαιωθείτε ότι χρησιμοποιείτε εισαγωγικά για να επισυνάψετε τον σύνδεσμο και τον τίτλο, διαφορετικά ενδέχεται να καταλήξετε σε έναν σπασμένο σύνδεσμο.

Ενσωμάτωση εικόνων

Μια εικόνα μπορεί να πει περισσότερες από χίλιες λέξεις. Πρέπει να τα χρησιμοποιούμε πιο συχνά. Και αυτό είναι το πώς μπορείτε να εισαγάγετε με το χέρι ένα χρησιμοποιώντας HTML:

Εισαγωγή:
Παραγωγή:

Ας αναλύσουμε επίσης αυτήν την ετικέτα. Και πάλι, η πραγματική ετικέτα είναι και τα απαιτούμενα χαρακτηριστικά είναι src = και alt =. Η πρώτη υποδεικνύει τη θέση της εικόνας, δηλ. Τη διεύθυνση URL της, και η τελευταία παρέχει ένα εναλλακτικό κείμενο, το οποίο εμφανίζεται σε περίπτωση που η προβολή των εικόνων έχει αποκλειστεί ή ο σύνδεσμος έχει σπάσει. Και πάλι, χρησιμοποιήστε εισαγωγικά για να αποφύγετε τους σπασμένους συνδέσμους.

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

Διαλείμματα και παράγραφοι

Για να δημιουργήσετε ένα δομημένο κείμενο, πρέπει να χρησιμοποιήσετε διαχωριστικά γραμμών και παραγράφους. Και αυτές είναι οι ετικέτες που πρέπει να ξέρετε:

Εισαγωγή:

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

Εισαγωγή:

Κείμενο μέσα στην παράγραφο σας.

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

Κονίστρα

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

Εισαγωγή:

1. Στοιχείο 1


2. Στοιχείο 2

Παραγωγή:

1. Στοιχείο 1
2. Στοιχείο 2

Εισαγωγή:

• Στοιχείο 1


• Στοιχείο 2

Παραγωγή:

• Στοιχείο 1
• Στοιχείο 2

Για να δημιουργήσετε μια ταξινομημένη λίστα, χρησιμοποιήστε την ετικέτα και για μια μη ταξινομημένη λίστα, εισαγάγετε το ετικέτα. Και στις δύο περιπτώσεις, το

ετικέτα χρησιμοποιείται για τον ορισμό ενός στοιχείου μέσα στη λίστα.

Τώρα που έχετε δει πόσο απλό και λογικό HTML είναι, μπορεί να θέλετε να πάτε πέρα ​​από τα βασικά και να μάθετε λίγο περισσότερο. Για περισσότερες συμβουλές HTML, δείτε αυτά τα άρθρα:

• 5 βήματα για την κατανόηση του βασικού κώδικα HTML 5 βήματα για την κατανόηση του βασικού κώδικα HTMLΤο HTML αποτελεί τη ραχοκοκαλιά κάθε ιστοσελίδας. Εάν είστε αρχάριος, ας σας οδηγήσουμε στα βασικά βήματα για την κατανόηση HTML. Διαβάστε περισσότερα
• 5 Συμβουλές HTML για να δημιουργήσετε μια γρήγορη φόρτωση δωρεάν ιστοσελίδα 5 Συμβουλές HTML για να δημιουργήσετε μια γρήγορη φόρτωση δωρεάν ιστοσελίδα Διαβάστε περισσότερα
• 7 Cool Effects HTML που ο καθένας μπορεί να προσθέσει στον ιστοχώρο τους 8 Cool Effects HTML που ο καθένας μπορεί να προσθέσει στην ιστοσελίδα τουςΔεν χρειάζεται να γνωρίζετε το CSS ή την PHP για να φτιάξετε ένα φανταχτερό site. Χρησιμοποιήστε αυτά τα cool κόλπα HTML για να δημιουργήσετε φοβερά εφέ. Διαβάστε περισσότερα

Αισθάνεστε λίγο πιο σίγουροι για τη χρήση ετικετών HTML τώρα; Αν έχετε "κωδικοποιήσει τα χέρια" συνήθως πριν, ποιες ετικέτες νομίζετε ότι λείπουν;

Πιστωτικές κάρτες: kentoh