Tutoriel sans html [Résolu/Fermé]

Signaler
Messages postés
334
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
29 novembre 2019
-
Messages postés
334
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
29 novembre 2019
-
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

Messages postés
5811
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
29 juin 2020
1 079
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.
Messages postés
334
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
29 novembre 2019
4
merci de l'aide c’était effectivement très simple
Messages postés
29145
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
4 août 2020
2 664
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é. ..)
Messages postés
334
Date d'inscription
mardi 24 février 2015
Statut
Membre
Dernière intervention
29 novembre 2019
4
bien vue, je n'est pas encore les bon reflex face au html.
merci de ton aide