Qui veut un site web ennuyeux en noir et blanc ? Apprendre à utiliser les codes de couleur HTML améliore non seulement l'apparence de votre site Web, mais peut également augmenter les chances que les visiteurs l'utilisent. Les codes de couleur HTML peuvent être utilisés pour la conception esthétique et attirer l'attention du visiteur sur ce que vous voulez qu'il voie.

Étape 1

Ouvrez un tableau de codes de couleurs HTML sécurisé pour le Web et examinez les couleurs disponibles. Alors que la plupart des ordinateurs peuvent afficher n'importe quelle couleur, l'utilisation de couleurs sécurisées pour le Web est une option plus accessible. De plus, il existe de nombreuses couleurs au choix. Choisissez des couleurs pour votre projet qui correspondent au thème et à la conception de votre site Web. Une bonne règle de base consiste à choisir deux couleurs complémentaires et une couleur d'accent. Un neutre comme le noir, le blanc, le gris ou le beige est un autre bon choix.

Étape 2

Copiez les codes de couleur HTML à 6 caractères pour les couleurs que vous souhaitez utiliser sur votre site Web. Ceux-ci se composent des chiffres 0, 3, 6 et 9, et des lettres C et F dans diverses combinaisons. Ces codes à 6 caractères seront utilisés dans le code HTML de votre site Web partout où vous souhaitez créer un accent coloré.

Étape 3

Choisissez une couleur pour l'arrière-plan de votre site Web. Pour transformer l'arrière-plan de cette couleur, utilisez le code HTML "" et remplacez le code à 6 caractères par le code de couleur souhaité. Étant donné qu'il s'agit de la couleur de l'ensemble de l'arrière-plan du corps de la page Web, cet extrait de code HTML remplace la balise "" normale.

Étape 4

Modifiez la couleur de tout texte, en-tête ou lien sur la page de votre site Web en incluant des codes de couleur et le code HTML approprié dans la page de code de votre site Web. Tout texte peut être coloré en ajoutant l'attribut HTML "" au code. Par exemple, pour changer la couleur d'un grand titre, ajoutez simplement "

Titre

" au code de votre site Web.

Étape 5

Modifiez la couleur de tous les titres de votre site Web en utilisant plutôt des feuilles de style en cascade (CSS). Utilisez le code "h1 {color:#336699;}" entre les balises "" et "" dans le code de votre site Web. Chaque fois que vous codez un "

" dans votre site Web, ce sera cette couleur. CSS est la méthode standard de style des sites Web. Il est également plus facile d'entrer et d'apporter des modifications si vous souhaitez reconcevoir.

Étape 6

Modifiez la couleur de vos polices, liens et autres éléments en CSS. Utilisez l'extrait de code CSS "p {color:#336699;}" pour les polices. Le code HTML de chaque bloc de texte doit être délimité par les balises "

" et "

". Les couleurs des liens peuvent être modifiées en utilisant une "{color:#336699;}" et la balise "" dans le code HTML de votre site Web. D'autres balises HTML, telles que les bordures d'image, les règles horizontales et les cellules de tableau, peuvent également être modifiées à l'aide de l'extrait de code CSS de base "{color:#336699;}".

Astuce

Associez les couleurs au thème de votre site internet :le vert pour le jardinage, les tons pastels pour les bébés. CSS est la méthode préférée pour ajouter de la couleur à votre site Web avec des codes de couleur HTML.

Avertissement

Choisissez seulement trois ou quatre couleurs pour éviter de rendre votre site Web collant. Gardez à l'esprit que les balises dans les étapes ci-dessus sont entre guillemets à des fins de clarté. Lorsque vous insérez le code dans votre code HTML, n'utilisez pas les guillemets situés à l'extérieur des balises.