Uso dei tag HTML nei commenti e nei post

Poichè non è disponibile un editor avanzato per inserire i commenti, queste sono le codifiche html consentite, utilizzabili ovviamente anche nei post:

Grassetto

Inserire la parola o la frase fra i tag <b> e </b>.
Ad esempio <b>Grassetto</b> per ottenere Grassetto

Corsivo

Come per il grassetto, ma usando i tag <i> e </i>
<i>Corsivo</i> per ottenere Corsivo

Ovviamente le due si possono innestare:
<b><i>Corsivo Grassetto</i></b> per ottenere Corsivo Grassetto

Inserimento di un link

La sintassi per inserire un link al testo (che si apre in altra pagina del browser) è la seguente:
<a target="_blank" href="http://indirizzo_del_link">testo da linkare</a>
per ottenere: testo da linkare
La specifica target="_blank", che puo’ essere omessa, serve ad aprire il link in una nuova pagina del browser.

Inserimento di un’immagine

Per inserire un’immagine o si conosce già il suo indirizzo o la si deve prima uploadare sul sito. Per farlo cliccare qui e non appena effettuato l’upload, cliccate su “modifica” accanto al titolo sull’anteprima che vi apparirà, per far poi visualizzare l’indirizzo dell’immagine (URL) nella forma:

http://www.vastesi.com/blog/wp-content/uploads/2007/numeromese/nomefile

Copiatelo e usatelo con la seguente sintassi per l’inserimento delle immagini nei commenti:

<img src="http://indirizzo_dell'immagine">

Se si vuole adattare la dimensione dell’immagine allo spazio disponibile è sufficiente inserire il controllo della larghezza (width) o dell’altezza (height), specificandone una delle due in pixels (le proporzioni vengono mantenute, quindi basta darne una sola). Ad esempio:

<img src="http://indirizzo_dell'immagine" width="200">

Per inserire il link su un’immagine basta innestarla all’interno dei tag già descritti al posto del testo:

<a href="http://indirizzo_link"><img src="http://indirizzo_immagine"></a>

In questo modo è possibile ad esempio linkare ad una piccola anteprima l’immagine originale e fare in modo che si possa visualizzare l’immagine grande cliccando sull’anteprima attraverso il javascript lightbox (senza caricare un’altra pagina del browser o cambiare pagina), semplicemente inserendo rel=”lightbox” all’interno del tag del link:

<a href="http://percorso_file_foto_originale.jpg" rel="lightbox"><img src="http://percorso_file_foto_miniatura.jpg"></a>

L’effetto è il seguente (cliccare sulla miniatura):

Per l’utilizzo dei quote con i tag “blockquote” leggere qui o andare nella sezione aiuto.

Un pensiero su “Uso dei tag HTML nei commenti e nei post

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>