5129 sujets

Sémantique web et HTML

Bonjour,

Voila je suis sur un projet à l'école et je dois codé un site, j'aime beaucoup mais je débute un peu donc voilà j'ai deux soucis :

Comme dis dans le titre mon <head> ce retrouve dans le <body> alors que j'ai vérifié mes deux balises <head> et <body> sont bien fermés et bien mises.

De plus les images que j'essaye d'incorporer ne sont pas trouvé et je n'arrive pas à faire en sorte que mon CSS les trouves correctement.

Si quelqu'un a une idée du problème et pourrait m'aider.

D'ailleurs si quelqu'un pourrait m'aider de façon générale pour les bases, à certain moment je suis preneur !!!

je mets le lien ici : https://mayflydesigner.000webhostapp.com/Accueil.html
Les balises <head></head> ne contiennent rien...
J'ai vu une balise <body class=""> (la class est vide, mais bon)
Les meta et autres se trouvent après la balise <body>
Et aussi la balise <title></title> ne comporte bien que ce nombre limité de "t", tu en ajoutes un paquet. Smiley cligne
Pour les liens depuis ta css, faut voir comment tu as agencé tes dossiers et fichiers...
Peyio a écrit :
Bonjour,

Voila je suis sur un projet à l'école et je dois codé un site, j'aime beaucoup mais je débute un peu donc voilà j'ai deux soucis :

Comme dis dans le titre mon &lt;head&gt; ce retrouve dans le &lt;body&gt; alors que j'ai vérifié mes deux balises &lt;head&gt; et &lt;body&gt; sont bien fermés et bien mises.

De plus les images que j'essaye d'incorporer ne sont pas trouvé et je n'arrive pas à faire en sorte que mon CSS les trouves correctement.

Si quelqu'un a une idée du problème et pourrait m'aider.

D'ailleurs si quelqu'un pourrait m'aider de façon générale pour les bases, à certain moment je suis preneur !!!

je mets le lien ici : https://mayflydesigner.000webhostapp.com/Accueil.html


Bonjour peux-tu nous mettre ton code sur https://codepen.io/ . Merci
Bah justement quand tu regarde le code source à la base tout es au bonne endroit. Les meta et lien dans le Head et le texte dans body mais une fois que je veux un aperçu ou que je mets en ligne ça me fait ça.
Ha pour tittle j'ai du m'excité sur la touche Smiley sweatdrop
Et la balise <body class=""> elle apparait que sur internet donc je comprend pas pq tout ça change au moment du passage en ligne Smiley decu
Avec <title> écrit correctement ça va déjà un peu mieux mais j'ai toujours toute les balises <meta> dans mon body.
Merci en tout cas pour cette précision
Administrateur
Bonjour,

Passage obligatoire par https://validator.w3.org pour ce genre de problème Smiley smile
Ou le code source dans Firefox (Ctrl-U ou Command-U) pour constater - s'il y a des éléments en rouge - que oui il y a bien un souci avec la validation HTML (survoler les parties en rouge pour savoir de quoi il en retourne).
Les Warnings ne sont pas des Erreurs, d'abord commencer par les Erreurs Smiley cligne

Il te manque le tout début qui est le doctype HTML5.
Ensuite tu peux procéder par essai/erreur càd par dichotomie : tu supprimes la moitié de tes éléments dans le head, tu regardes s'il y a toujours cette erreur avec </head>. Si non tu testes avec l'autre moitié. Tu supprimes la moitié de la moitié jusqu'à ce que l'erreur disparaisse (ou réapparaisse, ça dépend comment tu cherches).
J'ai trouvé le souci et oh pas évident à voir alors qu'il est tout au début… Indice : c'est un caractère en dehors de tout élément, pas une erreur de syntaxe dans un élément comme je m'y serais attendu Smiley biggol
Modifié par Felipe (27 Nov 2019 - 16:05)
Felipe a écrit :
Bonjour,

Passage obligatoire par https://validator.w3.org pour ce genre de problème Smiley smile
Ou le code source dans Firefox (Ctrl-U ou Command-U) pour constater - s'il y a des éléments en rouge - que oui il y a bien un souci avec la validation HTML (survoler les parties en rouge pour savoir de quoi il en retourne).
Les Warnings ne sont pas des Erreurs, d'abord commencer par les Erreurs Smiley cligne

Il te manque le tout début qui est le doctype HTML5.
Ensuite tu peux procéder par essai/erreur càd par dichotomie : tu supprimes la moitié de tes éléments dans le head, tu regardes s'il y a toujours cette erreur avec &lt;/head&gt;. Si non tu testes avec l'autre moitié. Tu supprimes la moitié de la moitié jusqu'à ce que l'erreur disparaisse (ou réapparaisse, ça dépend comment tu cherches).
J'ai trouvé le souci et oh pas évident à voir alors qu'il est tout au début… Indice : c'est un caractère en dehors de tout élément, pas une erreur de syntaxe dans un élément comme je m'y serais attendu Smiley biggol

merci pour t'as réponse je m'y mets tout de suite je ne connaissais pas ce site.
qu'est ce que le doctype HTML5 ? désolé comme je l'ai dit je débute un peu et je connais pas encore tout
bah maintenant je ne peux plus ouvrir le fichier ont me dis qu'il est endommagé et je ne peux pu rien faire.
bon pendant que mon truc plantes toujours plus, Bracket c'est un bonne éditeur ou vos mieux changé pour du Bracket ou autre chose
Modifié par Peyio (27 Nov 2019 - 16:57)
Modérateur
Bonjour Peyio.

Je pense qu'un premier conseil qu'on devrait te donner est de te documenter un peu (HTML 5 et CSS notamment), les ressources à ce sujet sont pléthoriques sur le Web (tu n'es même pas obligé de rechercher sur le Web entier, reste ici et effectue une recherche sur Alsacreations Smiley cligne ).
Pour le code, je ne l'ai pas vu mais je suis certain que Felipe a pu te donner les indices nécessaires à la résolution de ton problème.
S'agissant des éditeurs de code, j'en ai pratiqué un certain nombre et actuellement je fonctionne avec Visual code Studio (produit Microsoft mis à disposition gratuitement). Je pense qu'il est tout à fait adapté à l'utilisation d'un débutant. Là encore, il faudra un peu faire des recherches pour le régler à ta convenance... Le système d'extension est vraiment très performant et va te permettre de t'assister dans le codage en fournissant des correcteurs syntaxiques de code pour les principaux langages (dans ton cas, HTML et CSS).
Le lien vers la page officielle : https://code.visualstudio.com/
J'ai trouvé par hasard une page permettant de présenter des exemples de codes HTML à mettre à disposition pour test (peut-être plus simple d'utilisation par rapport à codepen ou jsfiddle) qui va également te permettre de voir la structure de base d'une page Web HTML5 (fenêtre de gauche si tu visionnes en desktop) : https://www.w3schools.com/tryit/tryit.asp?filename=tryhtml_default

Bonne continuation Smiley cligne
Modifié par jojaba (08 Dec 2019 - 07:58)