Comment Changer la Couleur du Texte en HTML en Utilisant Python – Exemples de CSS En Ligne et Interne

Pourquoi Changer la Couleur du Texte Programmatiquement ?

Changer dynamiquement la couleur du texte est une tâche courante dans l’automatisation web, les rapports et la génération de documents. Avec Aspose.HTML for Python via .NET, vous pouvez charger, modifier et sauvegarder des fichiers HTML en toute sécurité sans édition manuelle. Cette approche est particulièrement utile lorsque vous avez besoin de :

• Mettre en évidence des données spécifiques dans les rapports.
• Appliquer des couleurs de marque cohérentes aux pages générées.
• Modifier des modèles HTML avant de les convertir en PDF ou images.

Changer la couleur du texte sur une page web est facile avec la propriété CSS color. Il existe quelques façons de définir cette valeur de propriété. Vous pouvez utiliser CSS en ligne, interne ou externe, et les valeurs de couleur HTML peuvent être spécifiées comme les noms de couleur standard anglais ou avec des valeurs HEX, RGB, RGBA, HSL et HSLA.

Cet article montre comment changer programmatiquement la couleur du texte avec Aspose.HTML for Python via .NET, en utilisant à la fois CSS en ligne et interne.

Changer la Couleur du Texte en Utilisant CSS En Ligne

Dans cet exemple, nous définissons la couleur du texte directement dans l’attribut style d’un élément HTML. Ceci est connu sous le nom de CSS en ligne. Cette méthode est simple et idéale pour appliquer rapidement un style à des éléments individuels.

Par exemple, dans l’extrait de code suivant, vous pouvez voir comment spécifier la propriété CSS color pour l’élément HTML <p> dans un fichier HTML. Suivez quelques étapes :

1. Charger un document HTML existant en utilisant HTMLDocument().
2. Trouver, par exemple, le premier élément de paragraphe <p> pour définir un attribut style. Utilisez la méthode get_elements_by_tag_name(name) qui renvoie le premier élément avec un nom d’étiquette donné dans l’ordre du document.
3. Utilisez la méthode set_attribute() pour définir l’attribut style avec la propriété color.
4. Sauvegarder le document HTML modifié dans le répertoire de sortie.

# Change HTML text color with inline CSS in Python

import os
import aspose.html as ah

# Prepare input and output paths
data_dir = "data"
output_dir = "output"
os.makedirs(output_dir, exist_ok=True)
save_path = os.path.join(output_dir, "change-text-color-inline-css.html")
document_path = os.path.join(data_dir, "text-color.html")

# Change the first paragraph text color
with ah.HTMLDocument(document_path) as document:
    paragraph = document.get_elements_by_tag_name("p")[0]

    # Set the style attribute with color property
    paragraph.set_attribute("style", "color: #8B0000;")

    document.save(save_path)

CSS en ligne fonctionne mieux lorsque vous souhaitez changer le style d’éléments spécifiques individuellement. En conséquence, le texte du premier paragraphe dans le fichier HTML sera recoloré en #8B0000 couleur Rouge Foncé (pour voir la figure (a), veuillez faire défiler la page vers le bas).

Changer la Couleur du Texte en Utilisant CSS Interne

CSS interne est idéal lorsque vous souhaitez appliquer des styles uniformes à plusieurs éléments, comme tous les paragraphes ou en-têtes. Dans cet exemple, nous ajouterons un bloc <style> à la section <head> d’un document HTML. Cette approche est plus propre et idéale lorsque vous avez besoin d’appliquer un style à plusieurs éléments de manière cohérente.

1. Charger un document HTML.
2. Créer un nouvel élément <style> et assigner la valeur de couleur de texte pour tous les éléments <p>. Utilisez la méthode create_element(local_name) qui crée un élément du type spécifié.
3. Utilisez la méthode get_elements_by_tag_name() pour trouver l’élément <head> du document et ajouter l’élément <style> à celui-ci.
4. Sauvegarder le document HTML modifié.

# Change paragraph text color with internal CSS in Python

import os
import aspose.html as ah

# Prepare input and output paths
output_dir = "output"
os.makedirs(output_dir, exist_ok=True)
save_path = os.path.join(output_dir, "change-text-color-internal-css.html")

data_dir = "data"
document_path = os.path.join(data_dir, "text-color.html")

# Add an internal CSS rule for paragraph text
with ah.HTMLDocument(document_path) as document:
    style = document.create_element("style")
    style.text_content = "p { color: #8B0000 }"

    head = document.get_elements_by_tag_name("head")[0]
    head.append_child(style)

    document.save(save_path)

Pour changer la couleur du texte, vous pouvez utiliser les exemples Python considérés dans cet article avec des éléments HTML <p>, <h1>, ou <h2>, etc. Gardez à l’esprit que l’utilisation de l’attribut style (CSS en ligne) remplace tout style spécifié dans la balise HTML <style> ou dans une feuille de style externe.

La figure illustre les résultats du changement de couleur du texte selon l’utilisation de l’exemple CSS en ligne (a) et de l’exemple CSS interne (b) :

Changer Dynamiquement la Couleur du Texte Basé sur une Condition

Dans certains cas, vous pouvez avoir besoin de changer dynamiquement la couleur du texte basé sur des données, par exemple, pour mettre en évidence des scores, des alertes ou des avertissements. En utilisant Aspose.HTML for Python via .NET, vous pouvez facilement accéder et changer des éléments HTML basés sur leur contenu ou attributs. L’exemple suivant démontre comment définir la couleur du texte basé sur une valeur numérique :

# Change HTML text color based on a value in Python

import os
import aspose.html as ah

# Prepare the output path
output_dir = "output"
os.makedirs(output_dir, exist_ok=True)
save_path = os.path.join(output_dir, "conditional-text-color.html")

# Define the HTML content
html_content = """
<html>
<body>
<p>Score: 85</p>
<p>Score: 42</p>
<p>Score: 73</p>
</body>
</html>
"""

# Set score colors according to their values
with ah.HTMLDocument(html_content, ".") as document:
    paragraphs = document.get_elements_by_tag_name("p")

    for paragraph in paragraphs:
        text = paragraph.text_content
        score = int(text.split(":")[1].strip())

        color = "green" if score >= 70 else "red"
        paragraph.set_attribute("style", f"color: {color};")

    document.save(save_path)

Le code lit les valeurs de texte d’un paragraphe. Il extrait le score numérique et le compare à une valeur de référence. Chaque élément <p> obtient un style appliqué dynamiquement basé sur cette condition. Cette technique est utile lorsque vous créez des rapports ou des visualisations de données en HTML, rendant la sortie plus lisible et visuellement compréhensible.

Meilleures Pratiques

• Définissez toujours les couleurs dans des formats sûrs pour le web (HEX, RGB ou HSL).
• Évitez les couleurs trop saturées pour le texte ; utilisez un contraste suffisant pour la lisibilité.
• Utilisez CSS en ligne pour créer des styles uniques et CSS interne pour maintenir un style cohérent sur plusieurs éléments.
• Utilisez convertisseurs Aspose.HTML pour exporter HTML avec style en PDF, XPS, DOCX ou images.

Questions Fréquemment Posées

1. Quelle est la différence entre CSS en ligne et interne ?
CSS en ligne est appliqué directement à un seul élément en utilisant l’attribut style, tandis que CSS interne est appliqué à plusieurs éléments via le bloc <style> à l’intérieur du <head>.

2. Pourquoi la couleur du texte ne change-t-elle pas dans la sortie ?
Assurez-vous que le sélecteur d’élément est spécifié correctement (par exemple, “p” pour paragraphe). Aussi, veuillez vérifier que la structure de votre document HTML inclut l’élément cible et que les styles avec une priorité plus élevée ne le remplacent pas.

3. Puis-je utiliser des valeurs RGB ou HSL au lieu de HEX ?
Oui. La propriété color accepte tous les formats de couleur CSS : noms de couleur, HEX (#8B0000), RGB (rgb(139,0,0)), RGBA, HSL et HSLA.

Voir Aussi

• Travailler avec la Couleur HTML – Dans cet article, vous trouverez des exemples de code HTML sur la façon de changer la couleur du texte.
• Comment changer la couleur d’arrière-plan ? – Dans cet article, vous explorerez comment changer la couleur d’arrière-plan pour le texte dans les paragraphes ou les pages entières en utilisant Aspose.HTML for Python via .NET.
• Comment changer la couleur de la bordure ? – Cet article vous donne des informations et des exemples Python sur la façon d’ajouter ou de changer la couleur de la bordure pour votre texte dans un fichier HTML. Exemples étape par étape, conseils CSS et solutions aux problèmes de style courants.
• Codes de Couleur HTML – Dans cet article, vous trouverez des informations sur les codes de couleur HTML pour votre site web – noms de couleur HTML, codes de couleur HEX, valeurs RGB, RGBA, HSL et HSLA.

Vous pouvez télécharger les exemples complets et les fichiers de données depuis GitHub.