Le mini CV ci-après est à remplir et à compléter avec vos informations personnelles.
Le fond est rose et vous utilisez la notation hexadécimale. Pensez à utiliser la balise permettant de spécifier une adresse (postale ou de courriel) et la balise de citation de bloc pour l’adresse postale.
HTML :
<html>
<head>
<title>concave et convexe </title>
<link rel="stylesheet" type="text/css" href="../css/exercice4miniCV.css" />
</head>
<body>
<h1>Mini CV</h1>
<hr />
<p>
<span class="class5">Prénom :</span>
<span id="span2">Jean</span><br />
<span class="class5">Nom : </span>
<span id="span4">Dupont</span><br />
<span class="class5">Adresse : </span>
</p>
<blockquote>
<address>
12 rue du Pont<br />
21000 Dijon
</address>
</blockquote>
<address><span class="class5">Courriel : </span>Jean.Dupont@chezmoi.fr</address>
<hr id="hr1" />
<p id="p1">
<span id="span7">Etudes suivies :</span>
<!-- si pas margin fait on met <br /><br /><br /><br /> -->
</p>
<hr id="hr2" />
<p>
<span id="span8">Stages : </span>
<br /><br /><br />
</p>
</body>
</html>
CSS :
body {
background-color: #FFAAAA;
}
h1{
text-align:center;
text-decoration : underline;
}
#p1{
margin-bottom: 2cm;
color:white;
}
#hr1{
width : 50% ;
height : 10px;
background-color: red;
}
#hr2{
width : 50% ;
height : 10px;
background-color: lime;
}
#span2{
font-size:13pt ;
font-style : italic;
}
#span4{
font-size:13pt ;
font-style : italic;
}
.class5{
font-size:15pt;
font-weight : bolder;
}
#span7{
font-size:15pt ;
margin-left : 35% ;
text-decoration : underline;
font-weight : bolder;
}
#span8{
margin-left : 40% ;
font-size:15pt ;
text-decoration : underline;
font-weight : bolder;
}
Ajouter un commentaire
Veuillez vous connecter pour ajouter un commentaire.
Pas encore de commentaires.