Connaissances préalables :
  • Connaître le fonctionnement des balises HTML (notion d'ouverture et fermeture);
  • Utiliser l'éditeur CSS;
  • Savoir éditer un article avec l'éditeur simple;

Comment créer ma propre balise de couleur magenta ?

Il est possible de créer ses propres balises HTML personnalisées dans l'éditeur CSS. Nous allons ci-dessous créer la balise 'texteMagenta' pour notre blog.

1. Ouvrez l'éditeur CSS et déclarez la balise 'texteMagenta'. Celle-ci contiendra uniquement un attribut définissant sa couleur :

enregistrez ensuite les changements.

2. Ouvrez l'éditeur d'articles et saisissez un texte, en l'entourant de la balise nouvellement créée 'texteMagenta':

Voilà, cela devrait donner ceci:
J'écris en magenta!


Comment créer des balises pour d'autre couleurs ?
Vous pouvez vous rendre sur cette page. Il vous suffit de repérer la couleur qui vous intéresse et de noter son nom. Par exemple pour créer la balise de couleur 'Lime' en lui donnant le nom 'citronVert', cela donnera dans l'éditeur CSS :

citronVert {COLOR : Lime ;}

et lorsque vous écrirez un article, vous pourrez appeler la balise citronVert à volonté :

pour obtenir ce résultat:
ceci est un texte à base de citron vert !


Voici un exemple de liste de couleurs à placer dans l'éditeur CSS, libre service si cela peut servir:
texteAqua {color: aqua;}
texteBlanc {color: white;}
texteBleu {color: #445D8A;}
texteBleuCiel {color: LightSkyBlue;}
texteCitronVert {color: lime;}
texteJaune {color: yellow;}
texteNoir {color: black;}
texteOrange {color: Orange;}
texteVert {color: green;}
texteViolet {color: violet;}