[HTML x TUTTI]: Lezione 3 – Email

html

Oggi andiamo a vedere come inserire l’e-mail per essere contattati utilizzando il codice HTML. Qualcuno potrebbe domandarsi perché usare il codice HTML quando possiamo inserirla come semplice testo ?

Se utilizzate il codice HTML permetterete al vostro lettore di cliccare sulla vostra e-mail ed avere già l’e-mail pronta da scrivere, invece inserendola come testo dovrà fare il copia e incolla della vostro indirizzo e poi dovrà aprire il proprio client di posta.

E-MAIL

Il codice da utilizzare è il seguente:

<a href=”mailto:miaemail@provider.it”>

In questa maniera quando il vostro lettore cliccherà sulla vostra e-mail si aprirà il suo client di posta con il vostro indirizzo già impostato nel campo del destinatario.

Invece utilizzando questo codice potrete far apparire indirizzi e-mail anche nei campi CC e inserire un testo sia nel campo OGGETTO che nel corpo dell’e-mail.

<a href=”mailto:miaemail@provider.it?cc=pippomail@provider.it&subject=TEST&body=ciao!”>

Naturalmente potete anche utilizzare solamente l’attributo subject o solo l’attributo body. Ricordatevi di sostituire a miaemail@provider.it e a pippomail@provider.it le VOSTRE E-MAIL !!

CONCLUSIONI

Se avete domande o volete semplicemente approfondire lasciate un commento sotto questo articolo.

Ad maiora

[HTML x TUTTI]: Lezione 2 – Formattazione

html

Oggi andiamo a vedere i tag per formattare il testo utilizzando il codice html.

FONT

Questo tag serve per determinare la dimensione del font, questo tag viene utilizzato abbinato a diversi attributi:

  • size
  • face
  • color

Il codice viene scritto in questa maniera:

 

<font size=”4″ face=”arial” color=”black”>TESTO</basefont>

 

BR

Questo tag serve per inserire un’interruzione di linea e specificare a che punto bisogna andare a capo. Il codice viene scritto in questa maniera:

<br />

DIV

Questo tag serve per definire l’impaginazione del testo (sinistra, destra, centrato e giustificato. Il codice viene scritto in questa maniera:

 

<div align=”center”>TESTO</div>

 

 

CONCLUSIONI

Questa è l’ultima mini-guida del 2013, la prossima verrà pubblicata il 7 gennaio 2014. Colgo l’occasione per augurare a tutti i lettori auguri di Buon Natale.

Ad Maiora

[HTML x TUTTI]: Lezione 1 – Creare un banner

html

 

Oggi andiamo a vedere come creare un banner da inserire nel nostro blog, l’operazione è molto semplice come pre-requisito dobbiamo avere pronta la foto da inserire. Il formato sta a voi sceglierlo in base ai vostri gusti e in base a dove deve essere inserito.

CARICARE LA FOTO

La prima cosa che dobbiamo fare è caricare la foto scelta nel nostro blog, quindi andiamo sul  PANNELLO DI CONTROLLO del nostro blog e andiamo sul menù MEDIA che si trova sulla colonna di sinistra.

Clicchiamo sul tasto AGGIUNGI NUOVO e aspettiamo che la foto venga caricata nel nostro blog. Una volta che la foto è stata caricata sulla destra trovate l’url della foto, memorizzate questo url perché ci servirà dopo.

INSERIRE IL BANNER

Abbiamo due modalità per inserire il nostro banner:

  • Banner senza link
  • Banner con link

 

BANNER SENZA LINK

La prima che vediamo è il banner senza link, sempre dal pannello di controllo andiamo su ASPETTO ==> WIDGET e scegliamo il widget TESTO, qui andiamo ad inserire il seguente codice:

<img src=”URL DELLA FOTO” alt=”nome” />

 

Dove leggete URL DELLA FOTO dove inserire l’url della foto che avete caricato, mentre nel alt dove inserire una breve descrizione della foto (max 2 parole).

BANNER CON LINK

Sempre dal pannello di controllo andiamo su ASPETTO ==> WIDGET e scegliamo il widget TESTO, qui andiamo ad inserire il seguente codice:

 

<a href=”URL LINK”><img src=”URL DELLA FOTO” alt=”nome” /></a>

 

Dove leggete URL DELLA FOTO dove inserire l’url della foto che avete caricato, mentre nel alt dove inserire una breve descrizione della foto (max 2 parole).  Invece dove trovate scritto URL LINK inserite l’url del sito che volete far raggiungere tramite il vostro banner.

CONCLUSIONI

La seconda lezione termina qui, se avete domande potete lasciarle nei commenti sotto questo articolo. La prossima lezione verrà pubblicata il 23 dicembre 2013.

Ad Maiora