html écrire une balise html sans qu'elle soit interprétée

Hamza · 29 Nov. 2020

Bonjour à toutes et à tous,

J'essaie de faire un tableau HTML dans le but de recenser les différentes balises HTML et leur description. Mais je suis confronté à un problème majeur : comment écrire une blaise, par exemple <div> sans qu'elle ne soit interprétée/traduite par le navigateur afin qu'elle s'affiche dans le tableau ?

Je ne sais pas si je m'exprime bien, voici un exemple

BALISE	Description
<head>	balise qui sert à...
<body>	balise qui sert à...
<header>	balise qui sert à...
<div>	balise qui sert à...

voilà sur un navigateur les balises dans la colonne BALISE disparaissent puisqu'elles sont lues et interprétées.
En attendant mieux je les écrit comme ceci < head > mais ce n'est pas très académique, je souhaite qu'elles apparaissent avec la bonne syntaxe.

Merci à vous.

DaCode · 29 Nov. 2020

Bonne question... peut-être en utilisant une balise <input type="text"> et en lui appliquant une classe pour la mettre en forme avec CSS (pour supprimer les bordures par exemple). A essayer.

A+

Nicolas · 29 Nov. 2020

DaCode à dit:
peut-être en utilisant une balise <input type="text">

Euh... sauf que le champ de texte est éditable côté client...

Nicolas · 29 Nov. 2020

J'ai cette solution

HTML

<span class="balise">head</span>

CSS

.balise:before {
  content: '<';
}
.balise:after {
  content: '>';
}

Hamza · 29 Nov. 2020

Mais ouiiii !! Merci Nicolas, c'est parfait comme ça !

Cascadeur · 29 Nov. 2020

Avec les ; le CSS !

CSS

.balise:before {
  content: '<';
}
.balise:after {
  content: '>';
}

html écrire une balise html sans qu'elle soit interprétée

Hamza

Membre

Nicolas

DaCode

Membre

Nicolas

Membre

Nicolas

Membre

Hamza

Membre

Cascadeur

Membre

Ces discussions pourraient vous intéresser...