0% ont trouvé ce document utile (0 vote)
18 vues3 pages

Dev HTML

Le document présente un site dédié aux cupcakes, incluant leur histoire, variétés et recettes. Il décrit également la mise en page et le style CSS à appliquer pour la présentation de la page web. Les spécifications incluent des détails sur les couleurs, polices et alignements pour différents éléments tels que le corps, les titres, les paragraphes et les listes.
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats RTF, PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
18 vues3 pages

Dev HTML

Le document présente un site dédié aux cupcakes, incluant leur histoire, variétés et recettes. Il décrit également la mise en page et le style CSS à appliquer pour la présentation de la page web. Les spécifications incluent des détails sur les couleurs, polices et alignements pour différents éléments tels que le corps, les titres, les paragraphes et les listes.
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats RTF, PDF, TXT ou lisez en ligne sur Scribd

<!

DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Les cupcakes</title>
</head>

<body>
<h1>Vive les cupcakes</h1>

<p>J'ai découvert les cupcakes lors d'un voyage à New York et depuis c'est une véritable passion.
Sur mon site, vous saurez <strong>tout</strong> sur les cupcakes !</p>
<p>Un cupcake ? C'est ça :</p>
<figure>
<img src="[Link]" alt="Cupcake" />
<figcaption>Un cupcake</figcaption>
</figure>

<p>Délicieux non ? Sur mon site, je vous présenterai :</p>

<ul>
<li>Les différentes variétés de cupcakes</li>
<li>Leur histoire</li>
<li>Leurs recettes</li>
</ul>

</body>
</html>
Cr�ez une feuille de style dans un fichier externe [Link].
La feuille de style d�crira les diff�rents �l�ments de la page web de la mani�re
suivante :
1. Corps du document :
 Couleur de fond : jaune
 Marge gauche : 8 pixels
 Marge droite : 8 pixels
 Marge bas : 10 pixels
 Marge haut : 15 pixels
2. Titres :
 Titres de premier niveau
o Police : Verdana
o Taille : 150%
o Alignement : centr�
o Couleur de police : noir
o Couleur d'arri�re plan : vert
 Titres de deuxi�me niveau
o Police : Arial
o Taille : 100%
o Alignement : gauche
o Couleur de police : noir
o Couleur d'arri�re plan : transparent
 Titres de troisi�me niveau
o Police : Comic Sans MS
o Taille : 80%
o Alignement : gauche
o Couleur de police : bleu marine (navy)
o Couleur d'arri�re plan : transparent
3. Paragraphes :
 Police : Georgia
 Taille : 80%
 Indentation : 8 pixels
 Alignement : justifi�
 Couleur de police : bleu
 Couleur d'arri�re plan : transparent
 Marge gauche : 8 pixels
 Marge droite : 16 pixels
4. Listes :
 Police : Verdana
 Taille : 80%
 Alignement : justifi�
 Couleur de police : Vert fonc� (#003300)
 Couleur d'arri�re plan : transparent
 Marge gauche : 10 pixels
 Marge droite : 0 pixel
5. Liens :
 Non visit�s
o Couleur : rouge
o Couleur d'arri�re plan : transparent
o D�coration : soulign�
 Visit�s
o Couleur : noir
o Couleur d'arri�re plan : transparent
o D�coration : surlign�
 Survol�s
o Couleur : rouge
o Couleur d'arri�re plan : transparent
o D�coration : surlign�
6. Tableaux :
 Police : Comic Sans MS
 Taille : 80%
 Alignement : centr�
 Couleur : gris fonc� (#696969)
 Couleur d'arri�re plan : blanc
 Bordures du tableau
o Couleur : bleu ciel (#00bfff)
o Style : ligne double
o Epaisseur : 2 pixels
 Bordures des cellules
o Couleur : bleu
o Style : ligne en trait plein
o Epaisseur : 1 pixel

Vous aimerez peut-être aussi