Editare codice Html sulla pagina come testo

Autore: Luca Ruggiero | Tell a Friend

Corso HTML
Impara il linguaggio di marcatura per il Web.

Corso CSS
Web Design ed Accessibilità secondo il W3C!

Un classico problema che affrontano coloro che desiderano editare codice sorgente su di una pagina al fine di pubblicarla come materiale didattico, è quello di evitare che il browser lo interpreti come codice e lo esegua, invece che stamparlo a video, pronto per essere semplicemente letto.

I Tag Html sono racchiusi tra i caratteri < e >, quindi il browser interpreterà come codice <img src="immagine.jpg"> e tenterà di inserire un'immagine.

Per stampare a video il codice e non eseguirlo, si utilizzano una serie di caratteri speciali formati da simboli, numeri e lettere, ad esempio, il carattere < si può stampare a video con la combinazione &lt;, mentre l carattere > utilizza la combinazione &gt;.

Dunque, per scrivere <html> dovremo scrivere &lt;html&gt;.

Per scrivere un lungo codice, che si tratti di Html o di un linguaggio di scripting, si utilizza del Tag <pre> e </pre>, ovvero "testo preformattato" che non necessita di giustificazioni particolari del testo per stamparlo a video in un certo modo.

Per fornire un esempio completo, espongo il codice di un semplice Javascript che invento al momento: 

<pre>
&lt;script language="javascript"&gt;
 &lt;!--
  function Esempio() {
    document.write("Codice di esempio");
    alert("Codice di esempio");
  }
 --&gt;
&lt;/script&gt;
</pre>
Questo è il risultato: 
<script language="javascript">
 <!--
  function Esempio() {
    document.write("Codice di esempio");
    alert("Codice di esempio");
  }
 -->
</script>

IN EVIDENZA
Effetto ombra su testo con Photoshop Guadagna col tuo sito grazie a TradeD... Guida XHTML Riscrivere le URL con Asp Riavviare IIS HTTP 500 internal server error Generare password casuali in Javascri... Errore 80004005: Cannot update. Datab... Introduzione ad Ajax ed Asp con Jscri... Referenze dei Tag Html Stringhe di connessione via ODBC e Ol... Referenze dei fogli di stile Css Le espressioni regolari in Javascript
HOT LINKS
E-Commerce News Manager Newsletter Corsi online eBooks PC Guadagna col sito Offerte lavoro Hosting Joomla Hosting 20 euro Reg. domini Email gratis FAX via email Tlefonare col PC ADSL Alice ADSL FastWeb Sito pronto Download veloce Ottimizzazione PC Traduzioni