Tutoriel sans html

Résolu/Fermé
astrocurieux Messages postés 334 Date d'inscription mardi 24 février 2015 Statut Membre Dernière intervention 29 novembre 2019 - 10 oct. 2017 à 21:30
astrocurieux Messages postés 334 Date d'inscription mardi 24 février 2015 Statut Membre Dernière intervention 29 novembre 2019 - 11 oct. 2017 à 10:48
Bonjour,

je tente de suivre le tutoriel suivant : https://jtauber.github.io/articles/css-hexagon.html
mais je ne comprend pas comment mettre en place la partie html.
pouvez vous me faire un exemple avec la partie en perspective ?

merci de me venir en aide

2 réponses

elgazar Messages postés 5840 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 1 292
Modifié le 11 oct. 2017 à 07:31
Bonjour
c'est une simple div sans contenu donc un code similaire a celui-ci suffit
<div id="madiv"> </div>

ensuite il faudra définir la div dans le code css comme ceci
#madiv {
height: 100px;
width: 100px;
border: 30px solid #999;
}


tu peux mettre les css soit dans un fichier css externe soit directement intégrés dans le code de ta page ce qui te donnera ceci (exemple très basique)
<!DOCTYPE html>
<html>
<head>
<style>
#madiv {
height: 100px;
width: 100px;
border: 30px solid #999;
}
</style>
</head>
<body>
<div id="madiv"> </div>
</body>
</html>


Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
0
astrocurieux Messages postés 334 Date d'inscription mardi 24 février 2015 Statut Membre Dernière intervention 29 novembre 2019 11
11 oct. 2017 à 10:48
merci de l'aide c’était effectivement très simple
0
jordane45 Messages postés 36344 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 septembre 2022 4 352
11 oct. 2017 à 07:46
Bonjour

Note au passage que le code html.... c'est celui de la page du tuto...
Un simple clic droit "inspecter" ... sur l'élément suffit.
Ou encore... ctrl+u pour voir le code source complet de la page...

(Le raccourci dépend du navigateur utilisé. ..)
0
astrocurieux Messages postés 334 Date d'inscription mardi 24 février 2015 Statut Membre Dernière intervention 29 novembre 2019 11
11 oct. 2017 à 10:48
bien vue, je n'est pas encore les bon reflex face au html.
merci de ton aide
0