L'arrière-plan de la page peut être défini au moyen de HTML et CSS en spécifiant les directives appropriées dans le code source du document. Les attributs utilisés dans les langages de balisage sont pris en charge par la plupart des navigateurs modernes et s'afficheront correctement sur presque tous les visiteurs de votre site.
Paramètre d'arrière-plan
Ouvrez votre fichier de page HTML pour le modifier dans l'éditeur que vous utilisez. Pour ce faire, vous pouvez cliquer avec le bouton droit sur le document et sélectionner la section "Ouvrir avec".
La structure d'un fichier HTML est une série de descripteurs de différents niveaux et objectifs. Le code de la page commence généralement par une balise. Ceci est généralement suivi d'une section qui contient le titre de la page et le code CSS. Une fois le descripteur fermé, le corps de la page commence. L'attribut de définition de l'image d'arrière-plan de la page est défini en tant que paramètre d'arrière-plan supplémentaire pour cette balise. Le code pour créer l'arrière-plan de la page ressemblera à ceci:
Dans ce cas, le chemin d'accès à l'image peut être une URL (commençant par https://). L'emplacement peut être spécifié à partir du répertoire racine (/root/dossier/background.jpg) ou par rapport à l'emplacement du document HTML en cours d'édition (par exemple, dossier / background.jpg).
Enregistrez vos modifications et ouvrez la page dans un navigateur. Pour ce faire, faites un clic droit et sélectionnez "Ouvrir avec". Dans la liste fournie, indiquez le nom du programme que vous utilisez pour naviguer sur Internet. Si le paramètre d'arrière-plan a été défini correctement, vous verrez l'image d'arrière-plan spécifiée précédemment. Si l'image ne s'affiche pas, vérifiez l'exactitude de l'attribut d'arrière-plan et le chemin d'accès au fichier d'arrière-plan.
Paramètre Bgcolor
Pour définir la couleur d'arrière-plan sans image, vous pouvez utiliser la directive bgcolor. Comme valeur pour cet attribut, vous pouvez spécifier le nom de la couleur en anglais ou utiliser la valeur de la couleur dans la palette HTML. Par example:
Ce code donne à la page un fond bleu. Si vous souhaitez définir une teinte de couleur ou une couleur plus précise, utilisez les valeurs de la palette HTML:
Dans ce cas, # 002902 est la couleur à donner à la page.
Attributs CSS
Vous pouvez également définir l'arrière-plan en utilisant le CSS dans les paramètres:
Avec CSS, vous pouvez également spécifier l'image d'arrière-plan de la page via background-image:
L'utilisation de CSS et HTML donne les mêmes résultats, cependant, il est préférable d'utiliser CSS lors de la définition des paramètres d'affichage de la page.
