Inserimento immagini


Per inserire negli articoli del blog delle immagini più piccole della grandezza si riducono le dimensioni proporzionalmente ( la metà, un terzo, i due terzi ecc. … ottimo per introdurre il concetto di similitudine… lo sapete che insegno Matematica!).


Se, però, cliccando sulla foto, la si vuole vedere a grandezza naturale si può procedere in HTML così:


Es.della foto qui sopra:


<*A href=”http://www.dokeos.com/campus/dokeos/CLIL04/work/418e477915f9bburgundo.jpgtarget=_blank>


<*IMG height=148 hspace=0 src=“http://www.dokeos.com/campus/dokeos/CLIL04/work/418e477915f9bburgundo.jpg” width=275 align=baseline vspace=5 border=0><*/A>


ovviamente senza gli asterischi
mtb



Le tabelle










a b c
d e f

L’ html nel post per una tabella di due righe e tre colonne è:


 <TABLE style=”WIDTH: 50%” cellSpacing=1 cellPadding=1 border=1>
<TBODY>
<TR>
<TD>a</TD>
<TD>b</TD>
<TD>c</TD>
</TR>
<TR>
<TD>d</TD>
<TD>e</TD>
<TD>f</TD>
</TR>
</TBODY>
</TABLE>
















Le linee e il tag


Con il semplice tag  <hr> 
si ha una linea di questo tipo:





con  <hr width=”10%”>  si ha:





con  <hr width=”10%” align=”left”>  si ha:



con  <hr width=”30%” align=”left” color=”red”>  si ha:





con  <hr width=”50%” align=”left” color=”#337755″>  si ha:





con <hr width=”100″ align=”right” color=”#337001″ size=”10″> si ha:





Si possono quindi assegnare vari attributi alla linea:




  • size= “10”  altezza della riga



  • width=”100″ oppure width=”50%”  lunghezza della riga in pixel o in percentuale



  • align=”left”, align=”center”, align=”right”  allineamento a sinistra, al centro, a destra



  • color=”#337001″ oppure color=”red” colore della linea


Il tag BLOCKQUOTE

Ciao a tutti!
Questo è il tag per fare l’indentatura (increase indent)

<BLOCKQUOTE>
<P>Ciao a tutti! <BR>Questo &egrave; il tag per fare l’indentatura (increase indent)
</P>
</BLOCKQUOTE>
   





ciao a tutti!


<BLOCKQUOTE>
<BLOCKQUOTE>
<P>ciao a tutti!</P></BLOCKQUOTE></BLOCKQUOTE> 



Si può anche ripetere più volte per portare il testo a destra quanto si vuole, come nell’esempio.








Gli elenchi puntati e numerati

Nell’editor di splinder non c’è, per ora,  l’ elenco puntato o numerato:
in modalità html basta inserire i tags <ul> e </ul> alla fine e all’inizio dell’elenco e ogni voce dell’elenco va preceduta dal tag <li> e seguita da </li>.


Esempi:


<UL>
<LI>bravo</LI>
<LI>bravissimo</LI>
<LI>superbravo</LI>
</UL>



  • bravo
  • bravissimo
  • superbravo

Per avere l’ elenco numerato si deve sostituire il tag <ul> con <ol>


<OL>
<LI>bravo</LI>
<LI>bravissimo</LI>
<LI>superbravo</LI>
</OL>



  1. bravo
  2. bravissimo
  3. superbravo