browser lang:en
Questa é la classica situazione in cui si deve postare codice HTML da mostrare agli utenti. In questo tutorial assumiamo che si voglia postare un semplice codice HTML di esempio (anche se questo metodo funziona con qualsiasi tipo di linguaggio) che contiene una struttura gerarchica.
Passo 1: Il codice attuale
Probabilmente hai giá fatto questo primo passo, avere sotto mano il codice che vuoi mostrare nella pagina o nel blog.
Per questo esempio usiamo questo codice:
<html>
<head>
<title>my code</title>
</head>
<body>
<p>This is a test</p>
</body>
</html>
Passo 2: La manipolazione del codice
Il prossimo importantissimo passo sará convertire i caratteri speciali alle loro rappresentazioni HTML associate. Un tipico esempio é la conversione dei caratteri "maggiore di" (>) e "minore di" (<) usati per la distinzione dei tags. Un simbolo ‘>’ verrá rappresentato con il codice ‘>’ ed un simbolo ‘<’ verrá rappresentato ‘<’. Se proviamo a scrivere il codice cosí come lo abbiamo ottenuto all'inizio, non riusciremo a vedere il suddetto codice, ma quello che viene processato dai Browser. Per cui il codice che segue é quello che dovremmo scrivere nell'HTML per mostrarlo agli utenti.
<html>
<head>
<title>my code</title>
</head>
<body>
<p>This is a test</p>
</body>
</html>
Step 3: Formattazione del codice
Ad ogni modo, se postiamo il codice sopra rappresentato nel nostro HTML, ci renderemo conto che non verranno rispettati i ritorni a capo e gli spazi, il codice non sará formattato correttamente. Per prevenire questo problema si usano i tag HTML <pre></pre>. Il testo dentro i tag <pre> mantiene la formattazione data.
L'esempio:
<pre><html>
<head>
<title>my code</title>
</head>
<body>
<p>This is a test</p>
</body>
</html></pre>
Successo!
Adesso molto probabilmente il codice che ci apparirá sará quello che volevamo all'inizio!
Se non sapete come formattare il suddetto codice, holyguard.net possiede un formattatore di codice automatico, ad ogni modo, incollando un codice HTML nell'editor (in modalitá VISUAL), il codice dovrebbe autoformattarsi.
Per i piú smemorati, una lista di comandi principali usati con linux cd : cambia la directory corrente. ls : mostra il…
in:Scripts e tutorials (0 commenti)Con l'avvento di caffeine molti webmaster si sono trovati a dover rivedere tutte le strategie SEO per i…
in:Scripts e tutorials (0 commenti)Questo è un widget di jQuery per il nuovo social network di Google-Buzz-che è possibile incorporare ovunque per…
in:Scripts e tutorials (0 commenti)Questo é un pratico codificatore/decodificatore/decriptatore (chiamatelo come volete) di password inserite nei file di configurazione .ste su dreamweaver function…
in:Scripts e tutorials (0 commenti)Il PageRank è un algoritmo che usa Google per valutare la credibilità e l'autorevolezza delle pagine Web. Il…
in:Scripts e tutorials (8 commenti)Con questo script possiamo limitare il download di un file dal nostro server php; il limite di velocitá…
in:Scripts e tutorials (0 commenti)Alcuni host hanno disabilitati nei settaggi del.ini i comandi allow_url_fopen. Questo significa anche non poter usare i vantaggi…
in:Scripts e tutorials (2 commenti)Gli SHORT URLS fanno ormai parte di quelle cose di internet che ci suonono terribilmente familiari; per capirci…
in:Scripts e tutorials (0 commenti)
