Comment utiliser les codes de couleur HTML
Qui veut un site web ennuyeux en noir et blanc ? Apprendre à utiliser les codes de couleur HTML non seulement rend votre site web plus beau, mais peut augmenter les chances que les visiteurs l'utilisent. Les codes de couleur HTML peuvent être utilisés pour la conception esthétique et pour concentrer l'attention du visiteur sur ce que vous voulez qu'il voie.
Étape 1
Ouvrez un tableau des codes de couleur HTML compatibles web et examinez les couleurs disponibles. Bien que la plupart des ordinateurs puissent afficher n'importe quelle couleur, utiliser uniquement des couleurs compatibles web est une option plus accessible. De plus, il y a beaucoup de couleurs parmi lesquelles choisir. Choisissez des couleurs pour votre projet qui correspondent au thème et au design de votre site web. Une bonne règle de base est de 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 consistent en les chiffres 0, 3, 6 et 9, et les lettres C et F dans diverses combinaisons. Ces codes à 6 caractères seront utilisés dans votre code de site web HTML partout où vous voulez créer un accent coloré.
Étape 3
Choisissez une couleur pour être l'arrière-plan de votre site web. Pour transformer l'arrière-plan en cette couleur, utilisez le code HTML « <body bgcolor="#336699"> » et remplacez le code à 6 caractères par votre code de couleur souhaité. Puisque c'est la couleur pour l'arrière-plan du corps de toute la page Web, ce fragment de code HTML remplace la balise « <body> » normale.
Étape 4
Changez la couleur de n'importe quel texte, titre ou lien sur votre page de site web en incluant les codes de couleur et le code HTML approprié dans la page de votre code de site web. N'importe quel texte peut être coloré en ajoutant l'attribut HTML « <font color="#336699"> » au code. Par exemple, pour changer la couleur d'un gros titre, ajoutez simplement « <h1><font color="#336699">Titre</font></h1> » à votre code de site web.
Étape 5
Changez la couleur de tous les titres sur votre site web en utilisant les feuilles de style en cascade (CSS) à la place. Utilisez le code « h1 {color:#336699;} » entre les balises « <head> » et « </head> » dans votre code de site web. Chaque fois que vous codez un « <h1> » dans votre site web, il sera de cette couleur. CSS est la méthode standard pour styliser les sites web. Cela facilite également les modifications si vous voulez redessiner.
Étape 6
Changez la couleur de vos polices, liens et autres choses en CSS. Utilisez l'extrait de code CSS « p {color:#336699;} » pour les polices. Le HTML pour chaque bloc de texte doit être borné par les balises « <p> » et « </p> ». Les couleurs des liens peuvent être changées en utilisant « a {color:#336699;} » et la balise « <a href> » dans votre code HTML de site web. D'autres balises HTML, comme les bordures d'images, les règles horizontales et les cellules de tableau peuvent également être changées en utilisant l'extrait de code CSS de base « {color:#336699;} ».
Astuce
Adaptez les couleurs au thème de votre site web : vert pour le jardinage, tons pastel pour les bébés. CSS est la méthode préférée pour ajouter de la couleur à votre site web avec les codes de couleur HTML.
Avertissement
Choisissez seulement trois ou quatre couleurs pour éviter de rendre votre site web tape-à-l'œil. Gardez à l'esprit que les balises dans les étapes ci-dessus sont entre guillemets pour des raisons de clarté. Lors de l'insertion du code dans votre HTML, n'utilisez pas les guillemets qui sont autour de l'extérieur des balises.