Contenu du dossier :
Détail des éléments du dossier :
Page principale :
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"/> <title>HTML & CSS</title> <link rel="stylesheet" href="style001.css"/> </head> <body> <header> <h2>Notre projet Micro:bit</h2> </header> <h1>Shifumi</h1><br/> <img src="retro-offset-rock-paper-scissors-icons.jpg" alt="slider"/><br/> <h2>Les commandes : </h2> <p> Pour afficher ciseaux, il faut aller vers le haut.<br/> <br/> Pour afficher papier, il faut aller vers la droite.<br/> <br/> Pour afficher pierre il faut aller vers la gauche.<br/> <br/> Pour ajouter 1 au score, il faut appuyer sur A.<br/> <br/> Pour afficher son score, il faut appuyer sur B.<br/> <br/> <a href="file:///U:/html%20anna%20chicorp/suite.html">Suite </a> <br/> <a href="https://c.tenor.com/ZX95mDnlodwAAAAd/the-rock-sus-eye.gif">Cliquer ICI Ъце </a> </p> </body> </html>
Rendu :
Seconde page :
<!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"/> <title>HTML & CSS</title> <link rel="stylesheet" href="style001.css"/> </head> <body> <header> <h2>Suite</h2> </header> <h2>Comment jouer : </h2> <p> Chaque joueur possède une carte micro:bit et un joystick relié à cette dernière. <br/> <br/> Ils font un décompte et inclinent leur joystick en même temps pour donner leur réponse.<br/> <br/> Il y a un temps ou le joystick ne répondra pas pour éviter toute triche. <br/> <br/> Celui qui gagne ajoute 1 à son score en appuyant sur A. </p> <h3>Bonne partie 😀 </h3> <img src="rock-paper-scissors-hand-icons-vector.png" alt="slider"/><br/> </body> </html>
Rendu :
Fiche de style :
body{
margin:50;
font-family:Tahoma, Geneva, sans-serif;
}
h1{
font-size:150px;
color:#cd0046;
font-family:Bahnschrift
}
h2{
font-size:40px;
color:#111111;
font-family:Franklin Gothic Medium
}
Elle sert à modifier les couleurs et polices de la page sans avoir à toucher au programme HTML.
Les Images :
Aucune réponse