Maison  >  Article  >  interface Web  >  Comment afficher le code HTML directement en HTML

Comment afficher le code HTML directement en HTML

醉折花枝作酒筹
醉折花枝作酒筹avant
2021-04-30 09:30:245785parcourir

Cet article vous présentera comment afficher directement le code html en html. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Comment afficher le code HTML directement en HTML

Baidu a répertorié de nombreuses méthodes, mais j'ai l'impression que beaucoup d'entre elles n'ont pas été testées avant de faire des bêtises, je vais les résumer ici.
Baidu a dit les balises <code><code> et <code><pre class="brush:php;toolbar:false"></pre>, mes résultats de test sont les suivants :

1.<code>

<code>
    <h1>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>hello</h6>
  </code>

Rendu :
Comment afficher le code HTML directement en HTML
Le code est toujours rendu et échoue. On dit que les éléments en ligne sont rendus, mais ils le sont toujours s'ils sont modifiés en span.

2.<pre class="brush:php;toolbar:false"></pre>

Code :

<pre class="brush:php;toolbar:false">
    <h1>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>hello</h6>
  

Rendu :

Comment afficher le code HTML directement en HTML
Idem que ci-dessus rendre.

3.

Code :

<xmp>
    <h1>hello</h1>
    <h2>hello</h2>
      <h3>hello</h3>
      <h4>hello</h4>
    <h5>hello</h5>
    <h6>hello</h6>
  </xmp>

Rendu :
Comment afficher le code HTML directement en HTML

Affichage direct Et le format est conservé ! possible!

Apprentissage recommandé : Tutoriel vidéo HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer