Paragraphe HTML

Paragraphe HTML
Chaque fois que nous visitons un site, nous avons été témoins de plusieurs choses comme des paragraphes, des titres, des titres, etc. Pour ajouter ces éléments sur n'importe quelle page Web HTML, fournissez des balises différentes. La balise de paragraphe est l'une d'entre elles.

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

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

Tag de paragraphe HTML


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:



Tag de paragraphe HTML



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:



Tag de paragraphe HTML



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

Tag de paragraphe HTML



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:



Tag de paragraphe HTML



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:



Tag de paragraphe HTML


C'est le premier
Paragraphe
avec plusieurs
supplémentaire
les espaces



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.