coloration du code source

14 mars 2020 à 22:15:00

Salut à tous les amis .comment allez vous?? Bien j'espère! J'ai un petit problème .j'aimerais mettre la coloration syntaxique dans mon code source .par exemple si il faut que je partage mon code source sur openclassroom il faut que mes balises soient colorées. Ainsi donc je vais écrire un code banale et vous allez voire que la coloration sur chaque balise ne sera pas là .

1 <!DOCTYPE html>

2 <html>

3 <head></head>

4 <body>

5 <p> bonjour </p>

6 </body>

7 </html>

Vous voyez le problème maintenant.

lechtidu56

14 mars 2020 à 22:40:37

Salut, tu dois utiliser le bouton </> pour avoir la coloration syntaxique sur le forum :magicien:

<!DOCTYPE html>
<html>
    <head></head>
    <body>
        <p> bonjour </p>
    </body>
</html>

-
Edité par lechtidu56 14 mars 2020 à 22:41:32

AbcAbc6

14 mars 2020 à 22:40:57

Bonjour,

Je ne sais pas si je comprends bien la question. Tu postes dans le forum HTML donc je présume que tu souhaites la coloration syntaxique du code sur ton site.

Dans ce cas voir https://prismjs.com/ ou https://highlightjs.org/

Si la question porte sur "comment introduire la coloration du code sur ce forum?" je déplacerais le sujet dans la bonne section.

alexjunior5

14 mars 2020 à 23:22:45

Ce bouton se trouve où stp je ne le vois pas

lechtidu56

14 mars 2020 à 23:31:39

AbcAbc6

14 mars 2020 à 23:33:07

Bonjour, Cela fait partie des règles du forum que vous auriez du lire AVANT de poster. (voir lien en fin de message)

Mauvais forum

Le sujet est déplacé de la section HTML / CSS vers la section Fonctionnement du site

Merci de colorer votre code à l'aide du bouton Code

Les forums d'Openclassrooms disposent d'une fonctionnalité permettant de colorer et mettre en forme les codes source afin de les rendre plus lisibles et faciles à manipuler par les intervenants. Pour cela, il faut utiliser le bouton Code de l'éditeur, choisir un des langages proposés et coller votre code dans la zone prévue. Si vous utilisez l'éditeur de messages en mode Markdown, il faut utiliser les balises <pre class="brush: xml;">Votre code ici</pre>.

En image cela donne :

Liens conseillés

Règles générales du forum

alexjunior5

14 mars 2020 à 23:34:36

Tu parles du button qui ressemble à un drapeau??

alexjunior5

21 mars 2020 à 12:48:58

-
Edité par alexjunior5 21 mars 2020 à 13:10:21

michelbillaud

23 mars 2020 à 7:29:19

Remettre pièce, essayer encore.

alexjunior5

23 mars 2020 à 8:58:45

Michelbill je ne comprends pas ce que tu essayés de dire?? Peux tu avoir une solution pour moi??

AbcAbc6

23 mars 2020 à 9:52:15

alexjunior5 a écrit:

Peux tu avoir une solution pour moi??

Bonjour, faire autre chose que de l'informatique dans la vie.

Sérieux, avec une capture écran je vois pas comment expliquer mieux.

Vous voyez les deux images sur ce sujet? Elles représentent un bouton, sur lequel il faut cliquer. Si vous ne cliquer pas sur ce bouton en choisissant le langage approprié dans la liste qui vous est proposé ben..... cela ne fonctionnera pas!!

alexjunior5

23 mars 2020 à 11:57:58

Je ne vois aucun bouton je s'assure ! ! J'ai essayer ta méthode avec Markdown mais ça pas marché.

AbcAbc6

23 mars 2020 à 12:03:18

Vous êtes sur mobile ou desktop?

Avez vous tester avec un autre navigateur? As tout hasard le JavaScript est bien activé?

alexjunior5

23 mars 2020 à 12:13:19

AbcAbc6 a écrit:

Vous êtes sur mobile ou desktop?

Avez vous tester avec un autre navigateur? As tout hasard le JavaScript est bien activé?

Je suis sur mobile

AbcAbc6

23 mars 2020 à 14:32:31

>> Je suis sur mobile

Ceci explique cela. Certains membres nous ont rapporter la même chose. Le bouton code n'apparait pas sur mobile. D’ailleurs je ne trouve pas pratique un mobile pour coder.

Solution : passer sur un ordinateur et vous verrez le bouton code </>.

alexjunior5

23 mars 2020 à 14:39:56

AbcAbc6 a écrit:

>> Je suis sur mobile

Ceci explique cela. Certains membres nous ont rapporter la même chose. Le bouton code n'apparait pas sur mobile. D’ailleurs je ne trouve pas pratique un mobile pour coder.

Solution : passer sur un ordinateur et vous verrez le bouton code </>.

OK je comprends maintenant. Je me cassais la tête pourtant il me faut un desktop .oulala .je me suis déjà habituer à code sur Android .merci beaucoup

alexjunior5

15 avril 2020 à 16:21:28

<!DOCTYPE html>
<html>
<body>
</body>
</html>

michelbillaud

15 avril 2020 à 16:26:01

Tu as oublié de choisir le langage. En ouvrant les yeux, ça ira mieux :

<html>
   <head>Test</head>
   <body>
      <h1>Hello</h1>
      world
   </body>
</html>

-
Edité par michelbillaud 15 avril 2020 à 16:27:55

alexjunior5

15 avril 2020 à 19:21:24

Ok merci