Une page Web avec un arrière-plan a tendance à être plus jolie que sans. L'exactitude de l'affichage de la page Web dépend des actions compétentes pour ajouter l'arrière-plan.
Instructions
Étape 1
Le moyen le plus simple de créer un arrière-plan dans un document html est d'attribuer la valeur d'attribut à la balise body. Une valeur donnée pour l'attribut background déterminera l'image de fond sur la page. Si vous définissez la valeur de l'attribut bgcolor, la page prendra une couleur d'arrière-plan. La couleur dans l'attribut bgcolor de la balise body peut être spécifiée soit en hexadécimal, soit en un seul mot.
Étape 2
Vous pouvez obtenir le même effet en utilisant des feuilles de style CSS en cascade. Une valeur pour l'attribut background-color définira la couleur d'arrière-plan de la page, tandis qu'une valeur pour l'attribut background-image définira le chemin d'accès à l'image d'arrière-plan de la page. Ces instructions peuvent être écrites dans le sélecteur de corps. Vous pouvez procéder différemment: attribuez une classe ou un identifiant à la balise body dans la balise html et attribuez les attributs ci-dessus à la classe ou à l'identifiant en css, respectivement. Il faut seulement garder à l'esprit que si les attributs sont affectés à une classe, alors tous les objets avec la classe spécifiée auront une couleur d'arrière-plan dans le document html.
Étape 3
Les instructions ci-dessus peuvent être écrites dans le corps du document html lui-même. Pour ce faire, ouvrez la balise style dans la section service entre les balises head (ouverture et fermeture). Toutes les instructions CSS peuvent être écrites entre l'ouverture et la fermeture d'une balise donnée. Il faut seulement garder à l'esprit que dans ce cas, le poids de la page augmentera, ce qui peut affecter négativement le temps qu'il faut pour la charger pour l'utilisateur final. Il convient également de noter que dans le cas de la spécification d'une image de fond, elle peut être répétée horizontalement, verticalement ou selon deux axes à la fois. L'attribut background-repeat dans CSS est responsable de cela. L'image d'arrière-plan peut être ancrée de manière rigide indépendamment de la présence d'une barre de défilement dans le document. Pour obtenir cet effet, vous devez spécifier background-attachment: fixed.
Étape 4
L'arrière-plan d'un document html peut être réalisé à l'aide de langages de programmation. Vous pouvez écrire des instructions html en utilisant JavaScript. La construction de langage document.write est appropriée pour cela. Si la même chose est exprimée via le DOM, l'instruction document.body.style.backgroundColor = "red" rendra l'arrière-plan de la page rouge. C'est la même chose que d'écrire l'attribut approprié directement dans CSS.
Étape 5
Les instructions précédentes peuvent être écrites directement dans le code d'une page Web en créant une paire de balises de script entre les balises d'ouverture et de fermeture de la tête. Cependant, toutes ces instructions peuvent être écrites dans un fichier séparé avec l'extension js, qui, par la suite, peut être connecté à la page.
