Le paragraphe HTML est un élément qui contient du texte entre les balises de démarrage et de fermeture. Il est représenté par étiqueter. Il appartient à des éléments au niveau des blocs, ce qui signifie un La balise commencera toujours à partir d'une nouvelle ligne. Le navigateur ajoutera automatiquement la marge avant et après chaque
étiqueter. La balise de paragraphe peut accepter les attributs globaux comme l'ID, le style, etc., et les attributs d'événements.
Syntaxe
La syntaxe de l'élément de paragraphe est indiquée ci-dessous:
contenu
Où
est utilisé comme étiquette de départ et
est utilisé comme une balise de clôture. La balise de clôture est facultative et peut être ignorée mais pour éviter les complexités, il est recommandé de ne jamais sauter l'étiquette de fin d'une balise appariée.Comment Tag fonctionne
Cette section présentera une compréhension détaillée de la façon dont
tag fonctionne.
Exemple 1: Considérez l'exemple suivant pour comprendre comment Ceci est un exemple simple de la balise P Le code ci-dessus créera une balise simple en utilisant le Comment ajouter du style sur Étiqueter Vous devez maintenant vous poser des questions sur son style comme comment changer l'alignement du texte, la taille de la police, la couleur d'arrière-plan, etc. d'un paragraphe. Bien! Nous pouvons styliser n'importe quel paragraphe HTML avec l'aide de CSS. Exemple 2: À cette fin, étendons un peu l'exemple précédent et implémentez un peu de style: Ceci est un exemple simple de la balise P Le code ci-dessus spécifie trois propriétés en matière de texte, de couleur d'arrière-plan et de style de police dans le étiqueter. Ces propriétés seront appliquées au paragraphe et généreront la sortie suivante: Comment ajouter du style à plusieurs paragraphes S'il y a plusieurs paragraphes dans le document, le style spécifié sera implémenté sur tous les Exemple 3: Prenons l'exemple suivant qui ont trois balises comme indiqué dans le code suivant: Ceci est le premier paragraphe C'est le deuxième paragraphe C'est le troisième paragraphe La sortie suivante confirmera que les propriétés que nous définissons pour le paragraphe dans la balise de style sont implémentées à tous les paragraphes: Comment styliser chaque paragraphe uniquement Supposons qu'il y ait plusieurs paragraphes et que vous devez styliser chaque paragraphe différemment. Est-il possible? Oui c'est le cas! Nous pouvons le faire de deux manières en utilisant l'attribut de style en ligne ou, nous pouvons utiliser des sélecteurs CSS. Exemple 4: Supposons le code donné ci-dessous qui implémente le style en ligne au troisième Ceci est le premier paragraphe C'est le deuxième paragraphe C'est le troisième paragraphe Le style en ligne sera mis en œuvre sur le troisième paragraphe tandis que les deux autres paragraphes seront stylisés en fonction du style interne comme indiqué ci-dessous: Exemple 5: Considérons le morceau de code suivant qui utilisera un sélecteur d'ID pour styliser le deuxième paragraphe: Ceci est le premier paragraphe C'est le deuxième paragraphe C'est le troisième paragraphe Cet exemple décrit deux styles différents: les premier et troisième paragraphes seront stylés en fonction du style interne. Tandis que le deuxième paragraphe sera stylé différemment comme indiqué dans la sortie suivante: Affichage HTML Peu importe le nombre d'espaces supplémentaires ou de lignes supplémentaires dans le paragraphe, HTML ignorera tous les espaces supplémentaires et les lignes supplémentaires comme indiqué dans l'extrait de divagation ci-dessous: C'est le premier Dans le code ci-dessus, il existe de nombreux espaces et lignes supplémentaires. Cependant, la sortie confirmera que le HTML néglige les espaces supplémentaires et génère la sortie suivante: Conclusion Comme le nom lui-même suggère que la balise de paragraphe dans le document HTML est utilisée pour créer un paragraphe. Il peut également prendre des attributs globaux et des attributs d'événements. Pour un style avancé, le CSS peut être utilisé tel que la couleur d'arrière-plan, le style de police, l'alignement du texte, etc. Cette rédaction a démontré un aperçu complet du paragraphe HTML où nous avons appris à créer un paragraphe en HTML, quelles attribuent La balise peut prendre et comment intégrer certains modèles de style à un paragraphe utilisant CSS à l'aide d'exemples.
Paragraphe
avec plusieurs
supplémentaire
les espaces