home home2 home3 newspaper pencil quill image camera headphones music play film connection book books cart coin-dollar coin-euro coin-pound coin-yen credit-card lifebuoy phone phone-hang-up envelop pushpin location location2 printer display laptop mobile mobile2 tablet tv download upload user users user-plus user-minus user-check user-tie quotes-left quotes-right spinner search zoom-in zoom-out lock unlocked wrench cog cogs pie-chart stats-dots stats-bars trophy gift hammer2 bin switch eye star-empty star-full heart plus minus checkmark play3 share2 google-plus2 google-plus3 facebook2 instagram twitter rss2 youtube youtube2 wordpress joomla tux appleinc windows skype paypal

Pour afficher un code HTML sur la page d'un site internet sans qu'il soit interprété par les navigateurs, le plus simple est encore de remplacer les chevrons des balises < "inférieure à" et "supérieur à" > par leur équivalences en entités HTML, c'est à dire : &lt; et &gt;.

Exemple de code 1 :

Indiquer comment centrer un paragraphe :

&lt;p style="margin: 0 auto;"&gt;
Faire un paragraphe centré
&lt;/p&gt;

Ce qui donnera sur une page HTML :

<p style="margin: 0 auto;"> Faire un paragraphe centré </p>

Ainsi les balises ne seront pas interprétées !

Exemple de code 2 :

Indiquer comment faire un lien vers DuckDuckGo :

&lt;a href="https://duckduckgo.com"&gt;DuckDuckGo.com&lt;/a&gt;

Ce qui affichera sur une page HTML :

<a href="https://duckduckgo.com">DuckDuckGo.com</a>

Les balises là encore ne seront pas interprétées.

Avec javaScript

Sinon avec JavaScript (seulement sur Firefox et Chrome) dans un bouton de formulaire, on peut aussi proposer à ses visiteurs de visualiser le code source de toute une page HTML grâce à ce code :

<form method="post">
<input type="button" value="Voir le code source" onclick='window.location="view-source:" +window.location.href' />
</form>

Ce qui donne :

Logo des hirondelles du net

Le dessin n'est pas la forme, il est la manière de voir la forme