come si allinea una frase (scritta su più righe) ad una immagine?


Esempio: se voglio pubblicare il testo di una canzone,

mettendola vicino alla foto del cantante,

di solito il risultato che ottengo è questo:

Cambiare direzione

E farsi una ragione

che quello che non sei

Non diventerai

Fine della storia

E se non hai memoria

Ora sai non mi troverai

Cambio direzione


normalmente, infatti, rimane allineata solo la prima riga

ma se invece voglio scrivere il testo accanto all’immagine, cosa devo fare?

il modo più semplice è quello di pensare a una tabella:

nella prima colonna inseriamo l’immagine, nella seconda scriviamo il testo

ad esempio, costruendo una tabella, ottengo questo:

Cambiare direzione


E farsi una ragione

che quello che non sei

Non diventerai

Fine della storia

E se non hai memoria

Ora sai non mi troverai

Cambio direzione


il codice html della tabella è il seguente:
<table>
    <td><img src="http://images.musicclub.it/foto/fr/big/FRANCESCO_RENGA.png.big.jpg&quot; width="280" height="155">
    </td>
    <td><i><b>Cambiare direzione</b></i>
        <br>E farsi una ragione
        <br>che quello che non sei
        <br>Non diventerai
        <br>Fine della storia
        <br>E se non hai memoria
        <br>Ora sai non mi troverai
        <br>Cambio direzione
    </td>
</table>


il codice da scrivere nella sezione html è quindi questo

<table><tr><td>
    <img src="….." width="100" height="100">
    </td>
    <td> IL NOSTRO TESTO</td>

</tr></table>

************ SIGNIFICATO DEL CODICE **************

<table> crea la tabella, qui inseriamo righe, colonne, immagini e testo

<td>
crea la colonna

<img src="http://&#8230;.." width=""
height="
">  inserisce l’immagine che si trova all’indirizzo
http://&#8230;

width(base) e height(altezza) si possono non scrivere, vengono messe in automatico con la dimensione originale

ma se l’immagine non ha le dimensioni che vogliamo, possiamo modificarla,
basta cambiare le cifre di
width(base) e height(altezza)

<i><b> scrive il corsivo e il grassetto

<br> va a capo su una nuova riga

in html quasi tutti i tag (i simboli scritti tra <>) si devono chiudere
(</>),
rispettando un ordine preciso:
l’ultimo tag aperto è il primo da chiudere

per questo <table><td><i><b>Cambiare direzione</b></i></td></table>
, prima si chiude b, poi i, td e infine table

ma se scriviamo su più righe, e spostiamo le scritte in modo più chiaro,
vediamo subito cosa si deve chiudere

<table>
    <td>
        <i><b>
Cambiare direzione

        </b></i>
    </td>

</table>

********** DOVE DEVO SCRIVERE IL CODICE HTML? ************
Nella pagina in cui scriviamo l’intervento, clicchiamo su HTML (nella riga sopra lo spazio bianco),
è qui che dobbiamo scrivere il codice html



Stai visitando questa pagina da:
Min:

e


:Sec

This entry was posted in informatica. Bookmark the permalink.

3 Responses to come si allinea una frase (scritta su più righe) ad una immagine?

  1. sara says:

    ma per scrivere una frase sul blog cm devo fare k sito devo usare k nn è kiaro qll sopra elencato?

  2. fefina says:

    @saradevi cliccare su HTML (vedi figura http://img183.imageshack.us/img183/6682/20931809em2.jpg )qui scrivi il codice html con le varie modifiche, <br> manda a capo, al posto dei puntini (src="…..") metti l\’indirizzo dell\’immagine <table><tr><td> <img src="….." width="100" height="100"> </td> <td> IL TUO TESTO</td></tr></table>

  3. Pingback: Indice | zemefede

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s