Exercice 1

Audit consultant

 


En résumé

On crée une page html (.html) et une feuille de style (.css) :

Création nouveau fichier >> page HTML
Sauvegarde fichier sous >> index.html
Création nouveau fichier >> feuille css
Sauvegarde fichier sous >> style.css

On relie la page html avec la feuille de style :
Format >> style …

La page index.html

La feuille de style style.css

/* Ajoute des commentaires */

body {font-family:verdana; font-size:14px;}
/* font-family:verdana;
Déclare la font et la hauteur de texte : Verdana */
/* font-size:14px;
Déclare la hauteur de texte : Verdana */

.entete {background-image:url(bandeau-seul.jpg); width:800px; height:260px; background-repeat:no-repeat;}
/* background-image:url(bandeau-seul.jpg); Déclare une image de fond */
/* width:800px; height:260px; Définit la hauteur et la largeur de la boite entete */

.entete img {margin-left:25px; margin-top:30px;}
/* margin-left:25px; margin-top:30px; ajoute une marge extérieure au dessus et à gauche du logo */

a {text-decoration:none; background-color:red; color:#fff;}
/* text-decoration:none; Supprime le soulignement sous le lien */
/* background-color:red; Couleur d’arrière-plan du lien */
/* color:#fff; Couleur du lien au repos */

a:hover {text-decoration:underline; background-color:green; color:#fff;}
/* text-decoration:underline; ajoute le soulignement sous le lien survolé */
/* background-color:green; Couleur d’arrière-plan du lien survolé */

.annulpadding {padding:0px;}
/* padding:0px; Marge intérieure égale à 0 */

.actualites {padding-left:10px; padding-right:10px;}
/* padding-left:10px; padding-right:10px; Marge intérieure à 0 */

.fond-gris {background-color: #ccc;}
/* background-color: #ccc; Couleur d’arrière-plan grise */

.fond-noir {background-color: #000; text-align:center; color:#fff;}

table {margin:auto;}
/* margin:auto; permet de centrer un élément */

Comments are closed.