Bonjour, pour l'accès à une formation on m'a demandé de coder à la main une page HTML.
Ca c'est plutôt bien passé jusqu'au moment ou j'ai voulu lier ma page css à ma page html.
J'apprécierai beaucoup votre aide, je n'ai pas trouver la solution à mon problème en naviguant sur le net.

mon code html:

<!DOCTYPE html>
<html>

<head>

<title>Titre</title>
<link rel="stylesheet" href="style.css" />

</head>

<center><h1>Axolotl</h1>

<img src=https://media2.giphy.com/media/VOam1TjesP756/giphy.gif?cid=3640f6095c4c66a77442566163bb354e>
</center>
<body>
<h3>Description</h3>
<p> L’Axolotl,est une espèce d'urodèles de la famille des Ambystomatidae1.<br>

Il fait partie des animaux ayant la capacité de passer toute leur vie à l'état larvaire sans jamais se métamorphoser en adulte (on parle de néoténie), et donc de se reproduire à l'état larvaire (pédogenèse). Il est de ce fait très étudié. Pendant longtemps, on l'a confondu avec Ambystoma tigrinum (ou salamandre tigrée) dont on pensait qu'il s'agissait de la forme adulte. La salamandre tigrée n'est qu'occasionnellement néoténique, alors que l'axolotl l'est généralement dans la nature.<br>

Une autre des particularités qui ont fait la célébrité de l'axolotl est sa capacité à régénérer des organes endommagés ou détruits. L'axolotl est non seulement capable de reconstituer par exemple un œil manquant, mais il peut aussi recréer certaines parties de son cerveau si elles ont été détruites2,3. Sa tolérance aux greffes est également exceptionnelle.<br>

Des études effectués en 1998, 2000 et 2008 ont recensé 6 000, 1 000 puis 100 axolotls par kilomètre carré dans son habitat du lac de Xochimilco4 ; pour cette raison, l’Union internationale pour la conservation de la nature a classé l’Axolotl en danger critique d’extinction en 2006.<br>

Son génome est séquencé en 2017. Avec 32 Gb (Giga-bases), il est dix fois plus grand que le génome humain, en raison de l’étendue des régions non codantes, notamment des séquences répétées probablement en lien avec sa capacité de régénération5.<br></p>
<p>
L'axolotl est un animal qui semble avoir un pic d'activité au lever et au coucher du soleil. À la fin de sa croissance, vers l'âge de 18 ou 24 mois, l'axolotl mesure entre 15 et 33 cm, la taille moyenne se situant aux alentours de 25 cm. Les spécimens atteignant plus de 30 cm ne sont observés que rarement. En aquarium, on trouve la plupart du temps des individus mesurant dans les 20 cm. On note la présence de sillons costaux chez la larve et l'adulte.<br>

À l'état larvaire, ils possèdent des yeux sans paupières et des branchies à la forme très particulière de fougères, réparties habituellement en deux groupes de 3 houppes branchiales, de part et d'autre de la tête. Celles-ci ne sont pas internalisées (comme elles le sont chez les poissons ou têtards). L'axolotl possède également des poumons et peut se servir de sa peau pour respirer. Il possède 4 doigts aux pattes avant et 5 aux pattes arrière.<br>

Ces animaux peuvent présenter des variations génétiques de pigmentation. Les principales formes rencontrées sont :<br>

forme commune : gris, noir, brun parfois bleuté ;<br>
forme leucitique : yeux bleu-noir, corps blanc ;<br>
forme albinos : yeux rouges, peau blanche ou parfois dorée.<br>
La forme sauvage est normalement sombre (présence de mélanine dans la peau) et va du noir à différentes variantes de gris en passant par des bruns et couleurs « bronze », mais il existe aussi une forme dépigmentée (pas de mélanine sur la peau, mais les yeux sont noirs, particularité appelée leucisme) et qui provient de grottes et lacs souterrains du Mexique. Plus rarement, d'autres anomalies de pigmentation de la peau peuvent apparaître chez certains individus, comme l'axanthisme (absence de pigment jaune)7.<br>

La forme albinos (absence totale de mélanine) n'existe qu'en captivité. Variété domestique, elle est couramment utilisée dans les laboratoires et les magasins animaliers. Elle fut créée par un laboratoire américain dans les années 1950 grâce au croisement avec une salamandre tigre albinos. En principe, aucun des axolotls vendus actuellement dans le commerce n'est capturé dans le milieu naturel, cette pratique étant interdite. La plupart descendent de spécimens utilisés pour la recherche, même ceux disponibles dans les animaleries.<br>

Les axolotls sont très proches des salamandres tigrées, leurs formes adultes comportent de nombreuses similitudes, étayant un peu plus la théorie selon laquelle les axolotls seraient issus d'une ramification de cette espèce.<br></p>
<h3>Néoténie et métamorphose</h3>
<p>Le terme « néoténie » désigne le fait pour un animal de conserver des caractères normalement juvéniles à l'âge adulte. Dans le cas d'A. mexicanum, il s'agit du maintien des branchies à l'âge adulte, branchies qui disparaissent normalement chez les autres urodèles. Ce maintien découle d'une activité plus faible de sa glande thyroïdienne. Cette adaptation serait une conséquence du climat mexicain d'altitude, le froid défavorisant la forme terrestre qui y est plus exposée.<br>

Un animal exposé artificiellement à l'hormone thyroïdienne va se transformer, perdre ses branchies et acquérir des poumons fonctionnels, ainsi qu'un mode de vie terrestre.<br>

La métamorphose de la larve axolotl en adulte se traduit par l'atrophie de ses branchies, le développement de ses poumons (petits à l'état larvaire), et par une série de transformations de son corps lui permettant de quitter son milieu exclusivement aquatique. Cette métamorphose est très rare dans des conditions naturelles. Elle est parfois provoquée par une baisse radicale du niveau des eaux accompagnée d'un réchauffement important.<br>

En captivité, si l'on déplace un axolotl vivant dans un milieu purement aquatique vers un vivarium dans lequel on réduit progressivement le niveau de l'eau, l'animal menacé d'assèchement cesse d'utiliser ses branchies et privilégie ses poumons. Ainsi en plusieurs semaines, il se métamorphose petit à petit en adulte. Une précaution à prendre est de maintenir une atmosphère humide dans le vivarium, en y vaporisant de l'eau par exemple (grâce à un brumisateur).<br>

De façon artificielle, une stimulation chimique de la thyroïde peut déclencher cette transformation, en injectant de l'iode ou une hormone de type thyroxine.<br>

La perte de la capacité à produire eux-mêmes les hormones nécessaires à cette transformation résulte du caractère néoténique de cet animal. De plus, ce changement réduit considérablement l'espérance de vie de l'axolotl, si tant est qu'il y survive. Un axolotl au stade néoténique peut vivre de 10 à 15 ans (mais un individu observé à Paris aurait vécu jusqu'à l'âge de 25 ans). Un individu métamorphosé, lui, ne dépassera guère l'âge de 5 ans.<br></p>

<h3>Reproduction</h3>
<p>La maturité sexuelle est atteinte à partir d'un an. Elle se remarque par un changement de couleur de l'extrémité des "doigts" (dernière phalange) de l'axolotl. Sur un individu clair, les doigts deviendront noirs, alors que sur un individu foncé, les doigts deviendront blancs. En captivité, c'est une espèce qui se reproduit assez facilement. Les femelles sont généralement plus rondes que les mâles. Une différence au niveau du cloacle est également observable : celui du mâle est plus gonflé. Dans la nature, les axolotls se reproduisent entre mars et juin. La femelle peut pondre entre 100 et 1 500 œufs, la moyenne étant aux alentours de 300 œufs. L'éclosion a lieu environ 14 jours après la ponte. Les larves d'axolotl sont cannibales dès leur éclosion et doivent être séparées par taille9. L'alimentation devra ensuite être effectuée à l'aide d'une micro-pipette.<br></p>
</body>
</html>

mon code css :

h1{
color: White;
background-color: #6dcfd3;
}
body{
background-color: #6dcfd3;
}

merci d'avance pour vos réponses
Modifié par Anti (26 Jan 2019 - 16:37)
Modérateur
Bonjour,

Est-ce que ton fichier css est dans le même dossier que ton fichier html ou bien ailleurs déjà ?

Ta balise <body> doit être juste après ta balise </head>.

C'est quoi cette balise <center>. C'est juste hérétique en 2019.

Amicalement,
<!DOCTYPE html>
<html>

<head>

<title>Titre</title>
<link rel="stylesheet" href="style.css" />

</head>

<center><h1>Axolotl</h1>

<img src=https://media2.giphy.com/media/VOam1TjesP756/giphy.gif?cid=3640f6095c4c66a77442566163bb354e>
</center>
<body>
<h3>Description</h3>
<p>	L’Axolotl,est une espèce d'urodèles de la famille des Ambystomatidae1.<br>
<h3>Reproduction</h3>
<p>La maturité sexuelle est atteinte à partir d'un an. Elle se remarque par un changement de couleur de l'extrémité des "doigts" (dernière phalange) de l'axolotl. Sur un individu clair, les doigts deviendront noirs, alors que sur un individu foncé, les doigts deviendront blancs. En captivité, c'est une espèce qui se reproduit assez facilement. Les femelles sont généralement plus rondes que les mâles. Une différence au niveau du cloacle est également observable : celui du mâle est plus gonflé. Dans la nature, les axolotls se reproduisent entre mars et juin. La femelle peut pondre entre 100 et 1 500 œufs, la moyenne étant aux alentours de 300 œufs. L'éclosion a lieu environ 14 jours après la ponte. Les larves d'axolotl sont cannibales dès leur éclosion et doivent être séparées par taille9. L'alimentation devra ensuite être effectuée à l'aide d'une micro-pipette.<br></p>
</body>
</html>


h1{
color: White;
background-color: #6dcfd3;
}
body{
background-color: #6dcfd3;
}

Modifié par Tintin75 (26 Jan 2019 - 16:50)
Merci pour vos réponses.
Mon fichier css est bien dans le même dossier que mon fichier html.
J'ai déplacé ma balise body mais les modification de ma page css sont toujours inactive.

La balise center c'est uniquement pour le titre et un gif. Smiley lol
Modérateur
Bonjour,

Anti a écrit :
La balise center c'est uniquement pour le titre et un gif. Smiley lol


Non, non, tu n'as pas bien compris : il n'y a aucune bonne raison d'utiliser la balise <center> Smiley smile . C'est obsolète (c'est à dire que ça peut disparaitre des normes d'un moment à l'autre), voire éliminatoire s'il s'agit d'un examen !

Ton code marche tel quel (après avoir déplacé ta balise <body> juste après </head>).

L'erreur est ailleurs.

Amicalement,
Je te remercie de ta réponse.
la question de départ c'etait comment faire le lien entre mon fichier HTML et CSS je pensais que la balise <link rel="stylesheet" href="style.css"> dans la partie "head" suffirait mais elle n'a aucun effet.
Modérateur
Bonjour,

Elle suffit et elle a de l'effet.

Tu te trompes ailleurs (majuscule dans le nom du fichier css ?).

Amicalement,
Merci à toi, j'avais juste modifier le nom de mon fichier par mégarde d'ou l'erreur.
Bonne fin de journée à vous.
Modifié par Anti (26 Jan 2019 - 17:51)