Comment mettre en forme des sites Web



par

Un site Web efficace doit transmettre le contenu à ses lecteurs grâce à une mise en forme attrayante. Un mauvais formatage peut rendre un site Web peu attrayant, voire illisible. Avec Hypertext Markup Language (HTML), vous pouvez contrôler la mise en forme d'un site Web afin qu'il apparaisse exactement comme vous le souhaitez. De plus, les feuilles de style en cascade (CSS) vous permettent de formater un site Web à l'aide d'une feuille de style externe. Cette technique est utile si vous souhaitez appliquer le même style à plusieurs pages de votre site.

Formatage HTML

1

Créez des tableaux afin de positionner les différents éléments de votre page Web. Utilisez une balise pour commencer le tableau lui-même. Utilisez une balise pour commencer une ligne de tableau et un

balise pour créer une cellule de données de table dans la ligne. Les cellules de données de tableau peuvent généralement être considérées comme les colonnes d'un tableau. Afin de positionner correctement vos éléments, testez les paramètres de hauteur, de largeur, de remplissage et d'espacement des lignes individuelles et des cellules de données.

2

Ajoutez des effets de texte et un style de police dans les balises pour les éléments contenant le texte. Par exemple, si vous souhaitez mettre en forme le texte dans un élément de paragraphe:

Cela rendrait le contenu du paragraphe dans la police Comic Sans.

3

Ajoutez un arrière-plan à l'ensemble de votre site Web dans la balise, en utilisant l'attribut bgcolor. Par exemple:

Cela rend l'arrière-plan de la page entière dans une couleur rose.

Feuilles de style CSS et externes

1

Ouvrez un nouveau document texte dans le Bloc-notes.

2

Mettez en forme chaque élément dans votre nouveau document. Utilisez la balise element suivie d'un crochet ouvert pour introduire des styles pour cet élément. Par exemple:

p {

famille de polices: "comic sans ms";

couleur de fond :: # CC3366;

}

Chaque paragraphe de votre document HTML aura la police Comic Sans et une couleur d'arrière-plan rose.

3

Utilisez un identifiant ou une classe si vous souhaitez introduire des styles qui seront utilisés sur plusieurs types d'éléments différents ou dans des cas individuels. Un identifiant ne peut être utilisé qu'une seule fois et est introduit par le symbole "#". Une classe peut être utilisée plusieurs fois et est indiquée par le "." symbole. Par exemple:

.comicrose {

famille de polices: "comic sans ms";

couleur de fond :: # CC3366;

}

Cette classe vous permet de styliser un élément avec Comic Sans et un fond rose partout où vous appelez sa classe. Par exemple, dans le code HTML de votre page,

stylise un paragraphe comme décrit.

4

Lien vers une feuille de style externe dans la section de votre code HTML. Par exemple:

.

Ce lien vers une feuille de style externe appelée pagestyles.css.