Ο ' Η ετικέτα ” χρησιμοποιείται για την εμφάνιση του κειμένου στην ιστοσελίδα που θεωρείται ως παράγραφος. Η ετικέτα '
' συνοδεύεται από ένα προκαθορισμένο κατακόρυφο διάστημα που προστίθεται πριν και μετά την παράγραφο. Το κείμενο μέσα στην ετικέτα «
» εμφανίζεται πάντα στην επόμενη γραμμή και παραλείπει επιπλέον κενά. Οι προγραμματιστές μπορούν να χρησιμοποιήσουν την ετικέτα p για να διαχωρίσουν το περιεχόμενο σε διακριτές ενότητες ή να οργανώσουν λογικά τις πληροφορίες.
Αυτός ο οδηγός παρουσιάζει την ετικέτα HTML p μαζί με την πρακτική εφαρμογή.
Τι είναι το HTML p Tag;
Ο ' Η ετικέτα ' χρησιμοποιείται στην ιστοσελίδα για να βελτιώσει τη δομή του περιεχομένου και να κάνει το κείμενο πιο εμφανές. Βοηθά στη διαδικασία SEO για την ιστοσελίδα που μπορεί να βελτιώσει την κατάταξη του ιστότοπου στα αποτελέσματα αναζήτησης.
Σύνταξη
Η σύνταξη για το ' Η ετικέτα εμφανίζεται ως:
< Π > Linux Π >
Στην παραπάνω γραμμή κώδικα, το ' 'είναι η αρχική ετικέτα και '
” είναι η ετικέτα κλεισίματος. Η χρήση της ετικέτας κλεισίματος είναι υποχρεωτική για να αποφευχθεί η πολυπλοκότητα και η επικάλυψη των στοιχείων HTML.
Επισκεφτείτε το παρακάτω παράδειγμα για να καταλάβετε πώς το ' Η ετικέτα λειτουργεί:
< σώμα >< Π > Γεια σας Κοινότητα Linuxhint Π >
σώμα >
Η έξοδος του παραπάνω αποσπάσματος κώδικα εμφανίζεται παρακάτω:
Η παραπάνω έξοδος δείχνει το απλό κείμενο που εμφανίζεται στην οθόνη χρησιμοποιώντας το ' ετικέτα '.
Πώς να εφαρμόσετε το στυλ CSS στην ετικέτα
;
Ο ' 'Η ετικέτα δέχεται καθολικά χαρακτηριστικά όπως ' τάξη », « ταυτότητα ' ή ' στυλ ” κλπ. που μπορεί να χρησιμοποιηθεί για το στυλ του επιλεγμένου στοιχείου χρησιμοποιώντας ιδιότητες CSS. Ο προγραμματιστής μπορεί να χρησιμοποιήσει ένα από τα καθολικά χαρακτηριστικά για να εφαρμόσει ιδιότητες CSS μόνο στα συγκεκριμένα στοιχεία. Και για την εφαρμογή στυλ σε όλα ' Οι ετικέτες που χρησιμοποιούνται στην ιστοσελίδα επιλέγουν απευθείας το HTML Π ' στοιχείο μέσα στο αρχείο CSS ή ' <στυλ> ετικέτα '.
Παράδειγμα 1: Εφαρμογή ιδιοτήτων CSS σε όλα τα στοιχεία 'p'.
Για να ορίσετε τα ίδια στυλ σε όλα τα στοιχεία HTML
, επισκεφτείτε το παρακάτω απόσπασμα κώδικα:
< στυλ >Π {
Χρώμα φόντου: δασοπράσινο;
άσπρο χρώμα;
}
στυλ >
< σώμα >
< Π > Γεια σας Κοινότητα Linuxhint Π >
< Π > Γεια σας Κοινότητα Linuxhint Π >
< Π > Γεια σας Κοινότητα Linuxhint Π >
< Π > Γεια σας Κοινότητα Linuxhint Π >
σώμα >
Στο παραπάνω απόσπασμα κώδικα, το CSS ' χρώμα του φόντου ' και ' χρώμα Οι ιδιότητες εφαρμόζονται σε Π ' στοιχεία επιλέγοντας απευθείας το ' Π ” επιλογέας στοιχείων.
Μετά την εκτέλεση του παραπάνω αποσπάσματος κώδικα, η ιστοσελίδα μοιάζει με αυτό:
Η παραπάνω έξοδος δείχνει ότι το ίδιο στυλ έχει εφαρμοστεί σε όλα τα ' Π ' στοιχεία στην ιστοσελίδα.
Παράδειγμα 2: Εφαρμογή ιδιοτήτων CSS στο Μοναδικό στοιχείο 'p'.
Για την εφαρμογή στυλ σε μοναδικά ' Π Τα στοιχεία, το στυλ, το αναγνωριστικό ή τα χαρακτηριστικά κλάσης μπορούν να χρησιμοποιηθούν. Αυτά τα καθολικά χαρακτηριστικά εφαρμόζουν ιδιότητες CSS στο ' Π ' στοιχείο στο οποίο συνδέονται.
Ας επισκεφτούμε έναν κωδικό:
< στυλ >Π {
Χρώμα φόντου: δασοπράσινο;
άσπρο χρώμα;
}
.using-class {
Χρώμα φόντου: σκούρο κυανό;
}
#using-id{
Χρώμα φόντου: ροζ καφέ;
}
στυλ >
< σώμα >
< Π > Γεια σας Κοινότητα Linuxhint Π >
< Π στυλ = 'χρώμα φόντου: κόκκινο' > Γεια σας Κοινότητα Linuxhint Π >
< Π τάξη = 'κατηγορία χρήσης' > Γεια σας Κοινότητα Linuxhint Π >
< Π ταυτότητα = 'using-id' > Γεια σας Κοινότητα Linuxhint Π >
< Π > Γεια σας Κοινότητα Linuxhint Π >
σώμα >
Στο παραπάνω απόσπασμα κώδικα, η ιδιότητα χρώματος φόντου για το ' Π Το στοιχείο ' ορίζεται με διαφορετικές τιμές όταν χρησιμοποιείται με καθολικά χαρακτηριστικά.
Μετά την εκτέλεση του παραπάνω αποσπάσματος κώδικα, η ιστοσελίδα εμφανίζεται ως εξής:
Η παραπάνω έξοδος δείχνει ότι το « Π Τα στοιχεία έχουν πλέον μοναδικό στυλ με τη βοήθεια καθολικών χαρακτηριστικών.
συμπέρασμα
Ο ' '
.