html Problème d'accent sur mes pages

Wazz9

Wazz9

Membre
Bonjour,

Je m'exerce au HTML et là sur une page que je crée les accents ne s'affichent pas correctement, par exemple le é s'écrit é
Dans l'en-tête de mon fichier HTML j'ai bien les balises <header> pourtant.

HTML 
<!DOCTYPE html>
<html>
<head>

    <title>Mon premier site en HTML</title>
   
</head>
</html>

Merci de votre aide
 
Dernière modification par un modérateur:
Solution
Anthony
Oulala... C'est bien Wazz de mettre des balises <header> mais encore faut-il mettre quelque chose à l'intérieur !!
Notamment celle-ci <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> qui permet d'indiquer au navigateur l'encodage à utiliser pour ta page. UTF-8 gère les accents :)

Donc au minimum

HTML 
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>Mon premier site en HTML</title>
      
</head>
</html>
Trier par date Trier par votes
Anthony

Anthony

Membre
Oulala... C'est bien Wazz de mettre des balises <header> mais encore faut-il mettre quelque chose à l'intérieur !!
Notamment celle-ci <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> qui permet d'indiquer au navigateur l'encodage à utiliser pour ta page. UTF-8 gère les accents :)

Donc au minimum

HTML 
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>Mon premier site en HTML</title>
      
</head>
</html>
 
Avis positif 3 Avis négatif
Solution
Jack

Jack

Membre
Et pour aller plus loin, ce que tu vas surement faire, c'est entre les balises <head> que tu appelleras ta feuille de style CSS ;) <link href="style.css" rel="stylesheet" type="text/css"/>

Un exemple d'un en-tête complet de site web (complet mais pas exhaustif)

HTML 
<head>
  <base href="https://www.nomdusite.com"/>
  <meta charset="utf-8"/>
  <meta name="language" content="fr"/>
  <meta name="description" content="Votre description">
  <meta name="keywords" content="Vos mot clés"/>
  <title>Mettre un titre</title>
  <link rel="canonical" href="https://www.nomdusite.com">
  <link rel="icon" type="image/png" href="image.png"/>
  <link href="style.css" rel="stylesheet" type="text/css"/>
  <script src="javascript.js" type="text/javascript"></script>
</head>
 
Avis positif 0 Avis négatif
Wazz9

Wazz9

Membre
Ah ouais d'accord...

J'étais loin du compte avec mes balises HEAD !! Donc il faut mettre des trucs à l'intérieur ??
Plus sérieusement je pensais que la balise d'encodage se mettait plus bas dans la feuille HTML, dans <body> par exemple. Faudrait peut-être que je prenne des cours avant de développer mon site... :rolleyes:

Merci en tout cas pour vos réponses rapides et claires.
 
Avis positif 0 Avis négatif
Hamza

Hamza

Membre
HTML 
  <link href="style.css" rel="stylesheet" type="text/css"/>
  <script src="javascript.js" type="text/javascript"></script>

Ces 2 lignes appellent tes fichiers CSS et Javascript dans ta page HTML, elles sont nécessaires si tu as créé ces fichiers. Tu vas surement créer une feuille de style CSS pour habiller tes pages donc il faudra dans src= donner le chemin pour atteindre cette feuille sur ton serveur ou tes dossiers Windows si tu es en local ;-)
Pour Javascript je ne sais pas si tu vas déjà coder dans ce langage donc pas nécessaire pour le moment.
 
Avis positif 0 Avis négatif

Ces discussions pourraient vous intéresser...

bootstrap Problème de mise en forme formulaire
Hello, J'ai créé un formulaire avec Bootstrap mais j'ai un problème de mise en forme. Les <input> prennent chacun leur propre ligne alors que j'aimerais que certains soit côte à côte. Je ne parviens pas du tout à faire ce que je veux et je ne trouve rien dans la documentation...
-->


Anthony 2 49
css Bordures sur cellules, sauf la dernière
Yo ! J'ai une div sans bordure remplie de cellules horizontales auxquelles j'applique une bordure sur le bord bas pour les séparer entre elles. Le problème c'est que la dernière je ne veux pas de bordure basse puisqu'il n'y a plus de cellule sous elle. Je n'ai pas la main sur le HTML...
-->


Hamza 1 41
Générateur de couleurs aléatoires
Bonjour, Je voulais partager avec vous un lien que j'ai découvert récemment : Random Colors - Hex Colors Pour trouver l'inspiration il est juste parfait, les couleurs et leurs nuances sont superbement bien présentées. En cliquant sur le code couleur vous êtes redirigés vers une page...
-->


LaPomme 3 49
Haut