Le ' La balise ' est utilisée pour afficher le texte sur la page Web qui est considérée comme un paragraphe. La balise '
' est fournie avec un espace vertical prédéfini qui est ajouté avant et après le paragraphe. Le texte à l'intérieur de la balise '
' s'affiche toujours sur la ligne suivante et ignore également les espaces supplémentaires. Les développeurs peuvent utiliser la balise p pour séparer le contenu en sections distinctes ou pour organiser les informations de manière logique.
Ce guide présente la balise HTML p ainsi que sa mise en œuvre pratique.
Qu'est-ce qu'une balise HTML p ?
Le ' La balise ' est utilisée dans la page Web pour améliorer la structure du contenu et rendre le texte plus visible. Cela aide dans le processus de référencement de la page Web, ce qui peut améliorer le classement du site Web dans les résultats de recherche.
Syntaxe
La syntaxe du ' ” la balise s'affiche comme suit :
< p > Linux p >
Dans la ligne de code ci-dessus, le ' ' est la balise de départ, et '
” est la balise fermante. La balise de fermeture est obligatoire pour éviter la complexité et le chevauchement des éléments HTML.
Visitez l'exemple ci-dessous pour comprendre comment le ' ” la balise fonctionne :
< corps >< p > Bonjour la communauté Linuxhint p >
corps >
La sortie de l'extrait de code ci-dessus est affichée ci-dessous :
La sortie ci-dessus montre le texte brut qui s'affiche à l'écran à l'aide du ' ' étiqueter.
Comment appliquer le style CSS à la balise
?
Le ' La balise ' accepte les attributs globaux tels que ' classe ”, “ identifiant ' ou ' style ' etc. qui peut être utilisé pour styliser l'élément sélectionné à l'aide des propriétés CSS. Le développeur peut utiliser l'un des attributs globaux pour appliquer les propriétés CSS uniquement sur les éléments spécifiques. Et pour appliquer des styles à tous » ' Les balises utilisées sur la page Web sélectionnent directement le code HTML ' p ” élément à l'intérieur du fichier CSS ou “ ' étiqueter.
Exemple 1 : Application des propriétés CSS à tous les éléments « p »
Pour définir les mêmes styles sur tous les éléments HTML
, consultez l'extrait de code ci-dessous :
< style >p {
couleur de fond : vert forêt ;
Couleur blanche;
}
style >
< corps >
< p > Bonjour la communauté Linuxhint p >
< p > Bonjour la communauté Linuxhint p >
< p > Bonjour la communauté Linuxhint p >
< p > Bonjour la communauté Linuxhint p >
corps >
Dans l'extrait de code ci-dessus, le CSS ' Couleur de l'arrière plan ' et ' couleur ' les propriétés sont appliquées à ' p ” en sélectionnant directement les éléments “ p ” sélecteur d'élément.
Après l'exécution de l'extrait de code ci-dessus, la page Web ressemble à ceci :
La sortie ci-dessus montre que le même style a été appliqué à tous les ' p ” éléments sur la page Web.
Exemple 2 : Application des propriétés CSS à l'élément « p » unique
Pour appliquer des styles à des ' p », les attributs style, id ou class peuvent être utilisés. Ces attributs globaux appliquent les propriétés CSS au ' p » élément auquel ils sont attachés.
Visitons un code :
< style >p {
couleur de fond : vert forêt ;
Couleur blanche;
}
.using-classe {
couleur d'arrière-plan : cyan foncé ;
}
#using-id{
couleur de fond : brun rosé ;
}
style >
< corps >
< p > Bonjour la communauté Linuxhint p >
< p style = 'couleur de fond : rouge' > Bonjour la communauté Linuxhint p >
< p classe = 'classe d'utilisation' > Bonjour la communauté Linuxhint p >
< p identifiant = 'using-id' > Bonjour la communauté Linuxhint p >
< p > Bonjour la communauté Linuxhint p >
corps >
Dans l'extrait de code ci-dessus, la propriété background-color pour le ' p ” est défini avec des valeurs différentes lorsqu'il est utilisé avec des attributs globaux.
Après l'exécution de l'extrait de code ci-dessus, la page Web apparaît comme ceci :
La sortie ci-dessus montre que le ' p ” Les éléments sont désormais stylés de manière unique à l'aide d'attributs globaux.
Conclusion
Le ' ”
.