Bonsoir,
Désoler ton code ne peut pas s'afficher de cette façon tu dois l'afficher entre les balises code comme ci-dessous,
ensuite tu vas copier / coller ce code dans block-note mais je te conseille
NotePad++ bien plus pérformant.
Enregistre ce code avec l'extention HTML.
Code : Tout sélectionner<!DOCTYPE html>
<html>
<head>
<meta charset="utf8"/>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Notre TPE !!!</title>
<link rel="stylesheet" href="design.css" type="text/css" title="design.css">
</head>
<body>
<div class="container">
<h1>Page Index</h1>
<p>Créer son site en <a href="https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3">HTML5 / CSS3</a></p>
<p>Mais pour déclencher le système de couleur sur un clique, on va devoir utiliser du <a href="http://www.w3schools.com/js/">Javascript</a> ou bien <a href="http://www.w3schools.com/jquery/">JQuery</a></p>
Un bouton comme celui-ci et tu peux le styliser avec <a href="http://www.w3schools.com/bootstrap/">Bootstrap</a>
<form>
<button type="submit" class="btn btn-form-control">Le bouton déclencheur</button>
</form>
</div>
</body>
</html>
Enregistre celui-ci avec l'extention CSS.
Code : Tout sélectionnerhtml body {
background-color: #000000;
font-family: 'Roboto', sans-serif;
}
.container{
font-size: 35px;
color: navy;
font-weight: normal;
}
a{ text-decoration: none; color: inherit; color: #ff00cc;}
.btn btn-form-group{ position: center;}
Une simple page en HTML et CSS.