Comment Définir L'arrière-plan En Html

Table des matières:

Comment Définir L'arrière-plan En Html
Comment Définir L'arrière-plan En Html

Vidéo: Comment Définir L'arrière-plan En Html

Vidéo: Comment Définir L'arrière-plan En Html
Vidéo: COURS COMPLET HTML ET CSS [42/71] - Images de fond et gestion du fond 2024, Avril
Anonim

Le langage de balisage hypertexte le plus courant aujourd'hui est HTML. En plus d'un large éventail d'outils pour déterminer la structure d'un document, il a la capacité de modifier leur présentation visuelle. Par exemple, vous pouvez définir l'arrière-plan d'un document hypertexte et de ses éléments de différentes manières.

Comment définir l'arrière-plan en html
Comment définir l'arrière-plan en html

Il est nécessaire

la possibilité d'éditer un document HTML

Instructions

Étape 1

Pour définir la couleur d'arrière-plan de l'ensemble du document, des tableaux, ainsi que de leurs lignes, cellules d'en-tête et cellules de contenu en HTML, utilisez l'attribut bgcolor des éléments BODY, TABLE, TR, TH, TD, respectivement. Cet attribut accepte une valeur qui code la couleur de l'espace SRGB, exprimée sous la forme d'un nombre hexadécimal précédé d'un dièse ou d'un mnémonique symbolique. Par example:

Étape 2

Utilisez l'attribut background de l'élément BODY pour définir l'image qui sera le fond de l'ensemble du document: Conformément au principe de séparation de la structure et des mécanismes de détermination de la présentation visuelle des documents hypertextes, il est recommandé d'utiliser plutôt des feuilles de style des attributs des éléments HTML (comme décrit dans les étapes 1 et 2) …

Étape 3

Définissez la couleur d'arrière-plan de n'importe quel élément à l'aide de la propriété CSS background-color. Utilisez l'attribut style pour définir les informations de style en ligne pour un élément, ou ajoutez des ensembles de règles avec des sélecteurs appropriés aux feuilles de style: green background BODY {background-color: # 00FF00; }

Étape 4

Définissez l'image d'arrière-plan de tout élément ou groupe d'éléments à l'aide de la propriété CSS background-image. Sa valeur doit être un URI identifiant la ressource associée. Par exemple: BODY background-image {background-image: url ("myimage.gif")}

Étape 5

Définissez des règles supplémentaires pour l'affichage des images d'arrière-plan des éléments du document. Utilisez les propriétés CSS background-repeat, background-attachment et background-position. Le premier définit les options de mosaïque, le second définit l'ancrage par rapport au document ou à la fenêtre d'affichage et le troisième définit le décalage ou l'alignement initial par rapport aux limites du conteneur. Consultez la spécification CSS2 sur w3c.org pour connaître les valeurs possibles de ces propriétés.

Conseillé: