Mes balises s'affichent comme texte dans ma page HTML

fredelz -  
Bonjour,
Je commence aujourd'hui à apprendre le HTML, et pour la première page que j'ai créée, mes balises s'affichent en tant que texte lorsque j'ouvre le document sur mon navigateur...
Même en réduisant le texte à un mot, soit <html> Bonjour </html>, j'obtiens "<html> Bonjour </html>" sur ma page Web...
Je suis sur Macintosh, et j'ai utilisé indifféremment TextEdit et Word...
Merci pour votre aide!

20 réponses

Résumé de la discussion

Le problème est qu'une page HTML s'affiche comme du texte brut dans le navigateur, lié à l'encodage et au choix de l'éditeur sur Mac, notamment TextEdit ou Word. Parmi les solutions, il faut déclarer le doctype et le charset UTF-8, enregistrer avec l'extension .html et éviter TextEdit/Word qui enregistrent souvent en texte. D'autres conseils insistent sur l'encodage et le doctype, recommandant d'insérer et d'enregistrer le fichier correctement en UTF-8 via l'éditeur. En cas de difficulté, privilégier un éditeur dédié et vérifier le chemin d'accès pour éviter les erreurs, puis tester l'affichage sur plusieurs navigateurs.

Bobot (l’IA à votre service)
  1. Utilisateur anonyme
    Bonjour

    As-tu donné au nom de ton fichier l'extension .html ?
    0
    1. fredelz Auteur
      Oui, et j'ai enregistré le document en tant que page Web...
      0
      1. Utilisateur anonyme
        Peux-tu mettre le fichier fait avec textedit sur cjoint.com et poster le lien ici ?
        0
        1. fredelz Auteur
          Apparemment, cjoint n'accepte pas mon document (type de fichier non accueilli).
          Le fichier s'appelle "testhtml.html"
          0
          2. Utilisateur anonyme
            alors appelle-le testhtml.txt
            0
            1. animostab
              Salut

              laisse tomber textedit ou word ce n'est pas fait pour ca

              va voir cette page
              https://youpomme.com/5-alternatives-notepad-mac/

              teste pour savoir lequel tu préfères

              bon n'oublie pas de déclarer l'encodage charset (utf-8) et le doctype

              Un petit merci vaut mieux qu'une grande ignorance !
              Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
              0
              1. fredelz Auteur
                .txt n'était pas possible, il fallait l'extension .rtf

                Animostab, que choisirais-tu entre Textwrangler et Editra?
                0
                1. animostab
                  aucun des 2 j'utiliserai plutot Gedit mais rien ne t'empêche d'en avoir 2 ou 3 et après tu gardes celui qui te plais.
                  0
                2. mpmp93
                  Bonsoir,

                  Soyons fous: NETBEANS

                  A+
                  0
              2. fredelz Auteur
                Pour Gedit, sachant que je suis sur Mavericks, quel download faudrait-il utiliser?

                Netbeans...?
                0
                1. animostab
                  je n'en sais rien je suis sous windows
                  OSx certainement

                  Un petit merci vaut mieux qu'une grande ignorance !
                  Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
                  0
                  1. fredelz Auteur
                    Gedit plante à l'ouverture (sur 2 versions différentes téléchargées), par contre j'ai pu ouvrir Editra et ça semble fonctionner.
                    Je vais essayer de télécharger TextWrangler aussi.
                    Merci en tout cas pour vos réponses très rapides et bien utiles!
                    Animostab, dernière question, le doctype, c'est pour supporter HTML5?
                    J'inscris <!DOCTYPE html> au début de la page?
                    L'encodage charset, c'est pour les caractères spéciaux? utf-8 correspond à quel système? Et comment exactement l'écrit-on?
                    Merci!
                    0
                    1. animostab
                      <!doctype html>

                      <meta charset="UTF-8">

                      UTF-8 prend en charge tous les caractères de toutes les langues c'est le charset qui est utilisé majoritairement

                      regarde dans ton editeur si il n'y a pas l'option genre encodage en utf-8 par défaut et html5 par défaut pour le html par contre je peux pas te dire ou c'est car je n'utilise pas ca
                      0
                  2. fredelz Auteur
                    ok merci!
                    Pour Editra, j'ai "Default lexer" dans l'onglet Code des Préférences. Dois-je mettre HTML? J'ai un million d'autres possibilités mais pas HTML5.
                    J'ai trouvé par contre l'option utf-8 dans General > Files.
                    0
                    1. fredelz Auteur
                      Dernière question pour aujourd'hui!
                      Entre <!DOCSTYLE html> et <html>, quelle est la différence?
                      0
                      1. animostab
                        <!DOCSTYLE html> ca veux dire ceci est une page codée en html5

                        <html> c'est la balise d'ouverture de la page
                        0
                    2. fredelz Auteur
                      Ah non, zut...
                      J'ai essayé de publier une page test, en utilisant les pages perso de SFR.
                      J'ai l'adresse URL, l'identifiant et le mot de passe.
                      J'ai copié ma page, mais lorsque je clique sur "voir", le message suivant apparaît:
                      Fatal error: SUHOSIN - Use of preg_replace() with /e modifier is forbidden by configuration in /usr/share/net2ftp/plugins/geshi/geshi.php(2195) : regexp code on line 2195
                      Que dois-je faire pour publier cette page?
                      Merci
                      0
                      1. animostab
                        pour publier un site il faut un logiciel ftp genre filezilla avec l'adresse de ton espace ftp, le login et le mot de passe
                        0
                      2. fredelz Auteur
                        ok je vais regarder ça, merci!
                        0
                    3. fredelz Auteur
                      J'ai téléchargé Filezilla, me suis connecté au ftp avec succès et j'ai maintenant dans l'écran en bas à droite mon fichier test.
                      Mais je ne comprends pas maintenant comment le publier sur ma page perso...
                      En haut à droite j'ai "site distant" avec à l'intérieur uniquement un slash et aucune adresse.
                      A gauche, des dossiers de mon ordinateur...
                      Quelle est la marche à suivre...?
                      Tout ça doit vous paraître évident mais c'est bien nébuleux pour moi!
                      Merci!
                      0
                      1. animostab
                        tu fais ca par glisser déposé de gauche (ton ordi) à droite (serveur distant) comme sur un écran d'ordi avec la souris
                        0
                        1. fredelz Auteur
                          ok je comprends (je viens de faire le test avec d'autres documents sur mon micro et ça marche), mais ma page de test était déjà dans l'écran de droite, je l'avais téléchargée directement avant...
                          A présent, pour que cette page de test figure sur ma page perso, que faut-il faire? Faut-il indiquer une adresse URL dans le champ "site distant", où il y a actuellement "/"?
                          0
                          1. fredelz Auteur
                            ok merci je regarde ça ce soir mais j'ai six heures de décalage avec vous donc ce sera la nuit pour vous...!
                            0
                            1. fredelz Auteur
                              J'ai tapé l'adresse du site sur Firefox mais au lieu d'avoir la page directement, j'ai "Index of /" en gros en haut de la page, et en dessous "Name", "last modified", "size", "description" puis l'icône du fichier avec la date de création...

                              Si je clique sur le fichier j'ai bien le contenu, mais comment faire pour que le contenu s'affiche directement...?
                              0
                              1. mpmp93
                                Bonjour,

                                Tout site a une page par défaut qui s'affichera systématiquement. cette page doit avoir comme nom de fichier:

                                index.html

                                si cette page ne contient QUE du code HTML

                                ou

                                index.php

                                si cette page contient du PHP et accessoirement du HTML

                                si ensuite vous faites www.monsite.com

                                c'est index.php qui sera ouvert.

                                Ensuite, si vous avez une autre page, par exemple produits.php, le lien sera:

                                www.monsite.com/produits.php

                                A+
                                0
                              2. fredelz Auteur
                                Merci, je regarde ça dès que possible, je ne pourrai travailler à nouveau dessus que demain ou après-demain...
                                0
                              3. fredelz Auteur
                                Si je tape www.monsite.com/test.html, j'ai bien ma page de test qui s'affiche directement, ce qui veut dire que je dois choisir pour nom de fichier celui qui contient l'intégralité de ma page d'accueil?
                                0
                              4. mpmp93
                                .html en index.html ainsi www.monsite.com ouvre directement index.html comme page d'acceuil
                                0
                              5. fredelz Auteur
                                ok merci!
                                0
                            2. fredelz Auteur
                              Bonjour,
                              J'essaie d'enregistrer un fichier html avec Editra, mais j'ai un message d'erreur " impossible de sauver le fichier [Errno 13] permission denied u'/[nom fichier]'
                              Savez-vous pourquoi?
                              0
                              1. _nicolas 
                                <html>
<!DOCTYPE html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
TU ECRIS DU TEXTE !!!
</body>
</html>
                                -1
                                1. Utilisateur anonyme
                                  Bonjour

                                  - le doctype doit venir avant la balise <html> et non l'inverse
                                  - pour spécifier l'encodage en html5, il y a le meta charset : 
                                  <meta charset="ISO-8859-1">

                                  plutôt que 
                                  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
                                  0
                                2. _nicolas
                                  Oui, mince faute de frappe !
                                  <!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></title>
</head>
<body>
TU ECRIS DU TEXTE !!!
</body>
</html>
                                  0
                                3. Utilisateur anonyme
                                  Non, ce n'est pas une faute de frappe. Une faute de frappe ne porte que sur un ou deux caractères, pas sur une ligne complète.
                                  Et la balise meta ?

                                  Ne le prends pas mal, car je suis sûr que tu es de bonne volonté, mais quand je vois les questions que tu poses ailleurs, je crois qu'il est un peu trop tôt pour toi pour aider les autres. Tes connaissances sont encore très partielles, tu risques plus de les induire en erreur.
                                  0
                                4. animostab
                                  normalement fredelz encode en utf-8 (comme ca on se fait pas ch... avec les caractères accentués)
                                  sinon la page a transferer doit s'appeller index.html
                                  puis tu tape l'adresse de ton site ( donnée par sfr) dans un navigateur web et ca devrait marcher
                                  0
                                5. _nicolas
                                  Désoler, mais je crois que je suis bon en HTML mais un peu moins en CSS, et j'aide les personnes quand je maîtrise le sujet.
                                  0

                              Discussions similaires

                              comment revenir à ma page d'accueil "google.fr" ?
                              sirioja3

                              5 réponses
                              mon écran d'accueil google chrome est décalé à droite
                              89pierrot!

                              6 réponses
                              Code source couleur de fond
                              Mehdi-Amg

                              9 réponses