Versione attuale delle 15:31, 23 lug 2024

Riguardo al codice HTML in particolare ecco l'elenco delle istruzioni, delle quali si è avuto modo di accertare la compatibilità con Gambas (i codici vanno compresi ovviamente fra i due segni < >, es.: <H3>): ^{[nota 1]}

TESTO:
<Hnum.>	:	dimensione del testo (H1....H6), ritorno a capo e una riga vuota;
<B> oppure <STRONG>	:	grassetto;
<I> oppure <CITE> oppure <EM> oppure <VAR>	:	corsivo;
<U>	:	testo sottolineato;
<S>	:	testo cancellato con una linea nel mezzo (barrato);
<BIG>	:	testo ingrandito;
<SMALL>	:	testo rimpicciolito;
<TT> oppure <KBD> oppure <SAMP>	:	testo scritto con carattere simile a macchina da scrivere (monospaziato);
<CENTER>	:	testo centrato;
<BODY background=percorso_file_imagine>	:	inserisce un'immagine come sfondo;
<DIV align=center>	:	testo centrato;
<DIV align=justify>	:	testo giustificato;
<DIV align=right>	:	testo a destra;
<DIV align=left>	:	testo a sinistra;
<DIV style=font-family:nome_font>	:	imposta il font del testo;
<DIV style=font-size:num_dimens.pt>	:	imposta la dimensione dei caratteri;
<DIV style=font-style:stile_del_font>	:	imposta lo stile del font. Può essere: italic, oblique o normal;
<DIV style=color:#num_colore>	:	testo colorato, es.: =color:#FF0000);
<DIV style=color:nome_colore>	:	testo colorato, es.: =color:red;
<DIV style=color:rgb(num.,num.,num.)>	:	testo colorato, es.: =color:rgb(255,255,0) ;
<DIV style=line-height:valore>	:	imposta la distanza tra le righe. E' possibile usare un valore in pixel (es. 80px) o in percentuale (es. 80%);
<DIV style=background:#num_colore>	:	inserisce un colore di sottofondo ad un testo (per l'intera larghezza dell'oggetto grafico contenente il testo);
<DIV style=background:nome_colore>	:	inserisce un colore di sottofondo ad un testo (per l'intera larghezza dell'oggetto grafico contenente il testo);
<DIV style=\"background-image:url(http://indirizzo_immagine)\";>	:	inserisce un'immagine di sfondo (solo per la WebView !);
<DIV style=\"background-image:url(http://indirizzo_immagine); background-repeat: no-repeat\";>	:	inserisce un'immagine (solo per la WebView !);
<DIV style=text-decoration:underline>	:	sottolinea il testo;
<DIV style=text-decoration:overline>	:	pone una riga sopra il testo;
<DIV style=text-decoration:line-through>	:	pone una riga nel mezzo del testo;
<SUP>	:	apice;
<SUB>	:	pedice;
<FONT color=#numero_colore>	:	testo colorato (es.: =#FF0000);
<FONT color=nome_colore>	:	testo colorato (es.: =red);
<FONT face=nome_font>	:	imposta il font del testo;
<FONT size=num._dimens.>	:	imposta la dimensione dei caratteri;
<BR> ^{[nota 2]}	:	inserisce un ritorno a capo del testo;
<P>	:	inizia un nuovo paragrafo;
<P align=center>	:	inizia un nuovo paragrafo con spazio in giù e testo centrato;
<P align=justify>	:	inizia un nuovo paragrafo con spazio in giù e testo giustificato;
<P align=right>	:	inizia un nuovo paragrafo con spazio in giù e testo a destra;
<P align=left>	:	inizia un nuovo paragrafo con spazio in giù e testo a sinistra;
<HR>	:	inserisce una linea spaziatrice;
<HR width=num.%>	:	inserisce una linea spaziatrice definendone la lunghezza in % rispetto all'ampiezza dell'elemento, in cui è inserita;
<HR width=num.>	:	inserisce una linea spaziatrice definendone la lunghezza in pixel;
<SPAN style=font-family:nome_font>	:	specifica il tipo di font utilizzato;
<SPAN style=font-size:dim_font>	:	specifica la dimensione del font utilizzato, espressa in valori assoluti (xx-small, x-small, small, medium, large, x-large, xx-large), relativi (smaller e larger) ed in percentuale;
<SPAN style=font-style:stile_font>	:	specifica lo stile del font utilizzato: oblique, italic e normal;
<SPAN style=font-weight:peso_font>	:	specifica il peso del font utilizzato. Viene espresso con valori assoluti: normal, lighter (più sottile), bold (grassetto), bolder (grassetto più marcato); oppure numerici: 100, 200, 300, 400 (che equivale a: normal), 500, 600, 700 (che equivale a: bold), 800, 900; e con valori relativi: lighter e bolder;
<SPAN style=font-variant:var_font>	:	specifica la variazione del font: normal e small-caps (maiuscoletto);
<SPAN style=color:colore_font>	:	specifica il colore del testo. Può essere utilizzato il numero (es.: #FF0000) oppure il nome;
<SPAN style=background-color:nome_colore>	:	colora il sottofondo del testo;
<SPAN style=background-color:#numero_colore>	:	colora il sottofondo del testo;
<SPAN style=text-decoration:underline>	:	testo sottolineato;
<SPAN style=text-decoration:overline>	:	pone una linea al di sopra del testo;
<SPAN style=text-decoration:line-through>	:	pone una linea in mezzo al testo (effetto "cancellato");
<PRE>	:	testo monospaziato simile a quello delle macchine da scrivere;
<QUOTEBLOCK>	:	testo rientrato e separato dal paragrafo precedente con riga vuota sia sopra che sotto;
< >	:	pone uno spazio;
<NOBR>	:	impedisce al testo, giunto all'estremità destra dell'oggetto ove è posto, di andare a capo;

LISTE:
<UL><LI>	:	inserisce una lista con le voci precededute da un pallino;
<UL type=disc><LI>	:	inserisce una lista con le voci precededute da un pallino;
<UL type=circle><LI>	:	inserisce una lista con le voci precededute da un cerchietto;
<UL type=square><LI>	:	inserisce una lista con le voci precededute da un quadratino;
<OL type=1><LI>	:	inserisce una lista con le voci precededute da numeri arabi;
<OL type=a><LI>	:	inserisce una lista con le voci precededute da lettere minuscoli;
<OL type=A><LI>	:	inserisce una lista con le voci precededute da lettere maiuscole;
<OL type=i><LI>	:	inserisce una lista con le voci precededute da numeri romani minuscoli;
<OL type=I><LI>	:	inserisce una lista con le voci precededute da numeri romani maiuscoli;
<MENU><LI>	:	inserisce una lista semplice;
<DIR><LI>	:	inserisce una lista semplice;

GESTIONE IMMAGINI:
<IMG src=\"percorso_dell'immagine\">	:	inserisce un'immagine;
<IMG src=\"percorso_dell'immagine\" Width=num>	:	dimensiona in pixel la lunghezza dell'immagine;
<IMG src=\"percorso_dell'immagine\" Height=num>	:	dimensiona in pixel l'altezza dell'immagine;
<IMG align=top src=\"percorso_dell'immagine\">	:	inserisce un'immagine ed allinea il testo rispetto ad essa in alto;
<IMG align=middle src=\"percorso_dell'immagine\">	:	inserisce un'immagine ed allinea il testo rispetto ad essa in mezzo;
<IMG align=bottom src=\"percorso_dell'immagine\">	:	inserisce un'immagine ed allinea il testo rispetto ad essa in basso;

TABELLE:
<TABLE>	:	inserisce una tabella;
<TABLE width=n%>	:	dimensiona in percentuale o in pixel la lunghezza della tabella rispetto all'oggetto che la contiene;
<TABLE height=n%>	:	dimensiona in percentuale o in pixel l'altezza della tabella rispetto all'oggetto che la contiene;
<TABLE bgcolor=nome_colore oppure #num_colore>	:	colora lo sfondo dell'intera tabella;
<TABLE background=percorso_del_file_immagine>	:	inserisce un'immagine come sfondo in una tabella;
<TABLE style=color:nome_colore oppure #num_colore>	:	colora il testo in una intera tabella;
<TABLE border=num>	:	inserisce una tabella con bordi di n. pixel;
<TABLE cellpadding=num>	:	inserisce una tabella con impostazione di quanto spazio lasciare fra i bordi ed il contenuto delle singole celle;
<TABLE cellspacing=num>	:	inserisce una tabella con impostazione di quanto spazio vuoto lasciare tra le singole celle di una tabella;
<TH>	:	posto prima di <Table> e di <Caption> rende in grassetto e centra il titolo della tabella;
<CAPTION>	:	inserisce una intestazione, titolo alla tabella;
<CAPTION align=right>	:	imposta il testo del titolo a destra;
<CAPTION align=left>	:	imposta il testo del titolo a sinistra;
<CAPTION align=center>	:	imposta il testo del titolo al centro;
<TR>	:	inserisce una riga;
<TR bgcolor=nome_colore oppure #num_colore>	:	colora lo sfondo di una riga;
<TR background=percorso_del_file_immagine>	:	inserisce un'immagine come sfondo in una intera riga;
<TR style=color:nome_colore oppure #num_colore>	:	colora il testo in una intera riga;
<TD>	:	inserisce una cella;
<TD bgcolor=nome_colore oppure #num_colore>	:	colora lo sfondo di una cella;
<TD colspan=num.>	:	indica la larghezza di una colonna (e dunque di una cella) rispetto ad un tot colonne (celle). Inserisce una colonna (cella) avente la larghezza pari a num. colonne della medesima tabella;
<TD rowspan=num.>	:	indica l'altezza delle celle rispetto ad un tot righe. Inserisce una cella avente l'altezza pari a num. righe della medesima tabella;
<TD align=right> ^{[nota 3]}	:	imposta il testo a destra in una cella;
<TD align=left>	:	imposta il testo a sinistra in una cella;
<TD align=center>	:	imposta il testo al centro in una cella;
<TD align=justify>	:	imposta il testo giustificato in una cella;
<TD width=num> ^{[nota 4]}	:	inserisce una cella di lunghezza espressa in % o in pixel;
<TD height=num>	:	inserisce una cella di altezza espressa in % o in pixel;
<TD valign=top> ^{[nota 3]}	:	imposta il testo nella parte superiore della cella;
<TD valign=middle>	:	imposta il testo nella parte di mezzo della cella;
<TD valign=bottom>	:	imposta il testo nella parte inferiore della cella;
<TD style=color:nome_colore oppure #num_colore>	:	colora il testo in una cella;
<TD background=percorso_del_file_immagine>	:	inserisce un'immagine come sfondo in una cella;

E' possibile inserire anche caratteri unicode, i cui codici ^{[nota 5]} scritti in decimale, per essere compatibili con HTML, devono essere preceduti da &# e seguiti dal punto e virgola. Esempio: ♦

Note

[1] Bisogna ricordare che gli Oggetti grafici, che supportano il codice HTML, non supportano i Tag HTML in misura eguale fra loro.

[2] Vedere la nota particolare per il Message.

[3] align e valign possono essere posti anche con <TABLE> e <TR> a seconda se si vuole imporre quelle caratteristiche a tutta la tabella o ad una intera riga.

[4] Per consentire il ridimensionamento della lunghezza di una cella (e quindi della larghezza di una colonna), si deve permettere al testo, presente nella cella medesima, di tornare a capo. Pertanto, se il codice html è utilizzato con una TextEdit, bisognerà porre a True la sua proprietà Wrap.

[5] E' possibile vedere la mappa dei caratteri speciali ed i simboli con i relativi codici in questa pagina: mappa caratteri Unicode, codici ASCII. Per l'uso di Unicode con gli oggetti di testo, vedere qui: Uso di Unicode in Gambas.

@@ Riga 1: / Riga 1: @@
-Riguardo al codice HTML in particolare ecco l'elenco delle istruzioni, delle quali si è avuto modo di accertare la compatibilità con [[GAMBAS|Gambas]] (i codici vanno compresi ovviamente fra i due segni <FONT color=#B22222><B>< ></b></font>, es.: &#060;H3&#062;): |[[#Note|1]]|
+Riguardo al codice HTML in particolare ecco l'elenco delle istruzioni, delle quali si è avuto modo di accertare la compatibilità con Gambas (i codici vanno compresi ovviamente fra i due segni <FONT color=#B22222><B>< ></b></font>, es.: &#060;H3&#062;): <SUP>&#91;[[#Note|<B>nota 1</b>]]&#93;</sup>
 <TABLE>
 <TR><TD><FONT color=blue>'''TESTO</font>:'''</td><TD> </td><TD> </td></tr>
 <TR><TD>&#060;'''H'''num.&#062;</td><TD> : </td><TD>dimensione del testo (H1....H6), ritorno a capo e una riga vuota;</td></tr>
-<TR><TD>&#060;'''B'''&#062; oppure &#060; '''STRONG''' &#062; </td><TD> : </td><TD>grassetto;</td></tr>
+<TR><TD>&#060;'''B'''&#062; <FONT Size=1>oppure</font> &#060;<B>STRONG</b>&#062; </td><TD> : </td><TD>grassetto;</td></tr>
-<TR><TD>&#060;'''I'''&#062; oppure &#060; '''CITE''' &#062; oppure &#060; '''EM''' &#062; oppure &#060; '''VAR''' &#062; </td><TD> : </td><TD>corsivo;</td></tr>
+<TR><TD>&#060;'''I'''&#062; <FONT Size=1>oppure</font> &#060;<B>CITE</b>&#062; <FONT Size=1>oppure</font> &#060;<B>EM</b>&#062; <FONT Size=1>oppure</font> &#060;<B>VAR</b>&#062; </td><TD> : </td><TD>corsivo;</td></tr>
 <TR><TD>&#060;'''U'''&#062;</td><TD> : </td><TD>testo sottolineato;</td></tr>
-<TR><TD>&#060;'''S'''&#062;</td><TD> : </td><TD>testo cancellato con una linea nel mezzo;</td></tr>
+<TR><TD>&#060;'''S'''&#062;</td><TD> : </td><TD>testo cancellato con una linea nel mezzo (barrato);</td></tr>
 <TR><TD>&#060;'''BIG'''&#062;</td><TD> : </td><TD>testo ingrandito;</td></tr>
 <TR><TD>&#060;'''SMALL'''&#062;</td><TD> : </td><TD>testo rimpicciolito;</td></tr>
-<TR><TD>&#060;'''TT'''&#062; oppure &#060; '''KBD''' &#062; oppure &#060; '''SAMP''' &#062; </td><TD> : </td><TD>testo scritto con carattere simile a macchina da scrivere (monospaziato);</td></tr>
+<TR><TD>&#060;'''TT'''&#062; <FONT Size=1>oppure</font> &#060;<B>KBD</b>&#062; <FONT Size=1>oppure</font> &#060;<B>SAMP</b>&#062; </td><TD> : </td><TD>testo scritto con carattere simile a macchina da scrivere (monospaziato);</td></tr>
 <TR><TD>&#060;'''CENTER'''&#062;</td><TD> : </td><TD>testo centrato;</td></tr>
 <TR><TD>&#060;'''BODY background='''percorso_file_imagine'''&#062;</td><TD> : </td><TD>inserisce un'immagine come sfondo;</td></tr>
@@ Riga 22: / Riga 22: @@
 <TR><TD>&#060;'''DIV style=color:'''nome_colore'''&#062;</td><TD> : </td><TD>testo colorato, es.: =color:red;</td></tr>
 <TR><TD>&#060;'''DIV style=color:rgb('''num.''','''num.''','''num.''')&#062;</td><TD> : </td><TD>testo colorato, es.: =color:rgb(255,255,0) ;</td></tr>
-<TR><TD>&#060;'''DIV style=margin-top:'''num_pixel'''px&#062;</td><TD> : </td><TD>distanzia il margine superiore del testo dal testo o da altro elemento precedente;</td></tr>
-<TR><TD>&#060;'''DIV style=margin-bottom:'''num_pixel'''px&#062;</td><TD> : </td><TD>distanzia il margine inferiore del testo dal testo successivo;</td></tr>
-<TR><TD>&#060;'''DIV style=margin-right:'''num_pixel'''px&#062;</td><TD> : </td><TD>distanzia il margine destro del testo dal testo successivo o da altro elemento (es. il bordo);</td></tr>
-<TR><TD>&#060;'''DIV style=margin-left:'''num_pixel'''px&#062;</td><TD> : </td><TD>distanzia il margine sinistro del testo dal testo precedente o da altro elemento (es. il bordo);</td></tr>
 <TR><TD>&#060;'''DIV style=line-height:'''valore'''&#062;</td><TD> : </td><TD>imposta la distanza tra le righe. E' possibile usare un valore in pixel (es. 80px) o in percentuale (es. 80%);</td></tr>
-<TR><TD>&#060;'''DIV style=background:#'''num_colore'''&#062;'''</td><TD> : </td><TD>inserisce un colore di sottofondo ad un testo;</td></tr>
+<TR><TD>&#060;'''DIV style=background:#'''num_colore&#062;</td><TD> : </td><TD>inserisce un colore di sottofondo ad un testo (per l'intera larghezza dell'oggetto grafico contenente il testo);</td></tr>
-<TR><TD>&#060;'''DIV style=background:'''nome_colore'''&#062;'''</td><TD> : </td><TD>inserisce un colore di sottofondo ad un testo;</td></tr>
+<TR><TD>&#060;'''DIV style=background:'''nome_colore&#062;</td><TD> : </td><TD>inserisce un colore di sottofondo ad un testo (per l'intera larghezza dell'oggetto grafico contenente il testo);</td></tr>
 <TR><TD><FONT size=1>&#060;'''DIV style=\"background-image:url('''http&#058;//indirizzo_immagine''')\";&#062;'''</font></td><TD><FONT size=2> : </font></td><TD>inserisce un'immagine di sfondo (solo per la ''WebView'' !);</td></tr>
 <TR><TD><FONT size=1>&#060;'''DIV style=\"background-image:url('''http&#058;//indirizzo_immagine'''); background-repeat: no-repeat\";&#062;'''</font></td><TD><FONT size=2> : </font></td><TD>inserisce un'immagine (solo per la ''WebView'' !);</td></tr>
@@ Riga 40: / Riga 36: @@
 <TR><TD>&#060;'''FONT face='''nome_font'''>'''</td><TD> : </td><TD>imposta il font del testo;</td></tr>
 <TR><TD>&#060;'''FONT size='''num._dimens.'''>'''</td><TD> : </td><TD>imposta la dimensione dei caratteri;</td></tr>
-<TR><TD>&#060;'''BR'''&#062; <FONT color=#B22222>|[[#Note|2]]|</font></td><TD> : </td><TD>inserisce un ritorno a capo del testo;</td></tr>
+<TR><TD>&#060;'''BR'''&#062; <FONT color=#B22222><SUP>&#91;[[#Note|nota 2]]&#93;</sup></font></td><TD> : </td><TD>inserisce un ritorno a capo del testo;</td></tr>
 <TR><TD>&#060;'''P'''&#062;</td><TD> : </td><TD>inizia un nuovo paragrafo;</td></tr>
 <TR><TD>&#060;'''P align=center'''&#062;</td><TD> : </td><TD>inizia un nuovo paragrafo con spazio in giù e testo centrato;</td></tr>
@@ Riga 55: / Riga 51: @@
 <TR><TD>&#060;'''SPAN style=font-variant:'''var_font&#062;</td><TD> : </td><TD>specifica la variazione del font: ''normal'' e ''small-caps'' (''maiuscoletto'');</td></tr>
 <TR><TD>&#060;'''SPAN style=color:'''colore_font&#062;</td><TD> : </td><TD>specifica il colore del testo. Può essere utilizzato il numero (es.: #FF0000) oppure il nome;</td></tr>
-<TR><TD>&#060;'''SPAN style=background-color:'''colore_sottofondo&#062;</td><TD> : </td><TD>colora il sottofondo del testo;</td></tr>
+<TR><TD>&#060;'''SPAN style=background-color:'''nome_colore&#062;</td><TD> : </td><TD>colora il sottofondo del testo;</td></tr>
+<TR><TD>&#060;'''SPAN style=background-color:#'''numero_colore&#062;</td><TD> : </td><TD>colora il sottofondo del testo;</td></tr>
 <TR><TD>&#060;'''SPAN style=text-decoration:underline'''&#062;</td><TD> : </td><TD>testo sottolineato;</td></tr>
 <TR><TD>&#060;'''SPAN style=text-decoration:overline'''&#062;</td><TD> : </td><TD>pone una linea al di sopra del testo;</td></tr>
@@ Riga 81: / Riga 78: @@
 <TR><TD><FONT color=blue>'''GESTIONE IMMAGINI</font>:'''</td><TD> </td><TD> </td></tr>
 <TR><TD>&#060;'''IMG src=\"'''percorso_dell'immagine'''\"&#062;'''</td><TD> : </td><TD>inserisce un'immagine;</td></tr>
-<TR><TD>&#060;'''IMG src=\"'''percorso_dell'immagine'''\" Width='''n.'''&#062;'''</td><TD> : </td><TD>dimensiona in pixel la lunghezza dell'immagine;</td></tr>
+<TR><TD>&#060;'''IMG src=\"'''percorso_dell'immagine'''\" Width='''num&#062;</td><TD> : </td><TD>dimensiona in pixel la lunghezza dell'immagine;</td></tr>
-<TR><TD>&#060;'''IMG src=\"'''percorso_dell'immagine'''\" Height='''n.'''&#062;'''</td><TD> : </td><TD>dimensiona in pixel l'altezza dell'immagine;</td></tr>
+<TR><TD>&#060;'''IMG src=\"'''percorso_dell'immagine'''\" Height='''num&#062;</td><TD> : </td><TD>dimensiona in pixel l'altezza dell'immagine;</td></tr>
 <TR><TD>&#060;'''IMG align=top src=\"'''percorso_dell'immagine\"'''&#062;</td><TD> : </td><TD>inserisce un'immagine ed allinea il testo rispetto ad essa in alto;</td></tr>
 <TR><TD>&#060;'''IMG align=middle src=\"'''percorso_dell'immagine\"'''&#062;</td><TD> : </td><TD>inserisce un'immagine ed allinea il testo rispetto ad essa in mezzo;</td></tr>
 <TR><TD>&#060;'''IMG align=bottom src=\"'''percorso_dell'immagine\"'''&#062;</td><TD> : </td><TD>inserisce un'immagine ed allinea il testo rispetto ad essa in basso;</td></tr>
-<TR><TD> </td><TD> </td><TD> </td></tr>
-<TR><TD><FONT color=blue>'''COLLEGAMENTI A PAGINE WEB O A FILE</font>:'''</td><TD> </td><TD> </td></tr>
-<TR><TD>'''&#060;A HREF='''indirizzo_del_sito_WEB oppure di_un_file'''&#062;'''testo qualsiasi'''</td><TD> : </td><TD>indica nel testo un collegamento ad un sito WEB oppure ad un file interno (se non è specificato un percorso, ma c'è solo il nome del file, allora si intende che il file è nella cartella ''Dati'' del progetto) od esterno;</td></tr>
-<TR><TD> </td><TD> </td><TD> </td></tr>
-<TR><TD><FONT color=blue>'''IMMAGINE COME COLLEGAMENTO</font>:'''</td><TD> </td><TD> </td></tr>
-<TR><TD><FONT size=1>'''&#060;A HREF='''indirizzo_WEB oppure di_un_file'''&#062;&#060;IMG src=\"'''percorso_dell'_immagine'''\"&#062;'''testo qualsiasi'''</font></td><TD><FONT size=1> : </font></td><TD><FONT size=1>rende un'immagine come un collegamento ad un sito WEB, oppure anche ad un file;</font></td></tr>
 <TR><TD> </td><TD> </td><TD> </td></tr>
@@ Riga 100: / Riga 89: @@
 <TR><TD>&#060;'''TABLE width='''n%&#062;</td><TD> : </td><TD>dimensiona in percentuale o in pixel la lunghezza della tabella rispetto all'oggetto che la contiene;</td></tr>
 <TR><TD>&#060;'''TABLE height='''n%&#062;</td><TD> : </td><TD>dimensiona in percentuale o in pixel l'altezza della tabella rispetto all'oggetto che la contiene;</td></tr>
-<TR><TD>&#060;'''TABLE bgcolor='''nome_colore oppure #num_colore&#062;</td><TD> : </td><TD>colora lo sfondo dell'intera tabella;</td></tr>
+<TR><TD>&#060;'''TABLE bgcolor='''nome_colore <FONT Size=1>oppure</font> #num_colore&#062;</td><TD> : </td><TD>colora lo sfondo dell'intera tabella;</td></tr>
 <TR><TD>&#060;'''TABLE background='''percorso_del_file_immagine&#062;</td><TD> : </td><TD>inserisce un'immagine come sfondo in una tabella;</td></tr>
-<TR><TD>&#060;'''TABLE style=color:='''nome_colore oppure #num_colore&#062;</td><TD> : </td><TD>colora il testo in una intera tabella;</td></tr>
+<TR><TD>&#060;'''TABLE style=color:'''nome_colore <FONT Size=1>oppure</font> #num_colore&#062;</td><TD> : </td><TD>colora il testo in una intera tabella;</td></tr>
-<TR><TD>&#060;'''TABLE border='''n.'''&#062;'''</td><TD> : </td><TD>inserisce una tabella con bordi di n. pixel;</td></tr>
+<TR><TD>&#060;'''TABLE border='''num&#062;</td><TD> : </td><TD>inserisce una tabella con bordi di n. pixel;</td></tr>
-<TR><TD>&#060;'''TABLE cellpadding='''num &#062;</td><TD> : </td><TD>inserisce una tabella con impostazione di quanto spazio lasciare fra i bordi ed il contenuto delle singole celle'';</td></tr>
+<TR><TD>&#060;'''TABLE cellpadding='''num&#062;</td><TD> : </td><TD>inserisce una tabella con impostazione di quanto spazio lasciare fra i bordi ed il contenuto delle singole celle'';</td></tr>
-<TR><TD>&#060;'''TABLE cellspacing='''num &#062;</td><TD> : </td><TD>inserisce una tabella con impostazione di quanto spazio vuoto lasciare tra le singole celle di una tabella'';</td></tr>
+<TR><TD>&#060;'''TABLE cellspacing='''num&#062;</td><TD> : </td><TD>inserisce una tabella con impostazione di quanto spazio vuoto lasciare tra le singole celle di una tabella'';</td></tr>
 <TR><TD>&#060;'''TH'''&#062;</td><TD> : </td><TD>posto prima di ''&#060;Table>'' e di &#060;Caption> rende in grassetto e centra il titolo della tabella;</td></tr>
 <TR><TD>&#060;'''CAPTION'''&#062;</td><TD> : </td><TD>inserisce una intestazione, titolo alla tabella;</td></tr>
@@ Riga 112: / Riga 101: @@
 <TR><TD>&#060;'''CAPTION align=center'''&#062;</td><TD> : </td><TD>imposta il testo del titolo al centro;</td></tr>
 <TR><TD>&#060;'''TR'''&#062;</td><TD> : </td><TD>inserisce una riga;</td></tr>
-<TR><TD>&#060;'''TR bgcolor='''nome_colore oppure #num_colore&#062;</td><TD> : </td><TD>colora lo sfondo di una riga;</td></tr>
+<TR><TD>&#060;'''TR bgcolor='''nome_colore <FONT Size=1>oppure</font> #num_colore&#062;</td><TD> : </td><TD>colora lo sfondo di una riga;</td></tr>
 <TR><TD>&#060;'''TR background='''percorso_del_file_immagine&#062;</td><TD> : </td><TD>inserisce un'immagine come sfondo in una intera riga;</td></tr>
-<TR><TD>&#060;'''TR style=color:='''nome_colore oppure #num_colore&#062;</td><TD> : </td><TD>colora il testo in una intera riga;</td></tr>
+<TR><TD>&#060;'''TR style=color:'''nome_colore <FONT Size=1>oppure</font> #num_colore&#062;</td><TD> : </td><TD>colora il testo in una intera riga;</td></tr>
 <TR><TD>&#060;'''TD'''&#062;</td><TD> : </td><TD>inserisce una cella;</td></tr>
-<TR><TD>&#060;'''TD bgcolor='''nome_colore oppure #num_colore&#062;</td><TD> : </td><TD>colora lo sfondo di una cella;</td></tr>
+<TR><TD>&#060;'''TD bgcolor='''nome_colore <FONT Size=1>oppure</font> #num_colore&#062;</td><TD> : </td><TD>colora lo sfondo di una cella;</td></tr>
 <TR><TD>&#060;'''TD colspan='''num.&#062;</td><TD> : </td><TD>indica la larghezza di una colonna (e dunque di una cella) rispetto ad un ''tot'' colonne (celle). Inserisce una colonna (cella) avente la larghezza pari a num. colonne della medesima tabella;</td></tr>
 <TR><TD>&#060;'''TD rowspan='''num.&#062;</td><TD> : </td><TD>indica l'altezza delle celle rispetto ad un ''tot'' righe. Inserisce una cella avente l'altezza pari a num. righe della medesima tabella;</td></tr>
-<TR><TD>&#060;'''TD align=right'''&#062; <FONT color=#B22222>|[[#Note|3]]|</font></td><TD> : </td><TD>imposta il testo a destra in una cella;</td></tr>
+<TR><TD>&#060;'''TD align=right'''&#062; <FONT color=#B22222><SUP>&#91;[[#Note|nota 3]]&#93;</sup></font></td><TD> : </td><TD>imposta il testo a destra in una cella;</td></tr>
 <TR><TD>&#060;'''TD align=left'''&#062;</td><TD> : </td><TD>imposta il testo a sinistra in una cella;</td></tr>
 <TR><TD>&#060;'''TD align=center'''&#062;</td><TD> : </td><TD>imposta il testo al centro in una cella;</td></tr>
 <TR><TD>&#060;'''TD align=justify'''&#062;</td><TD> : </td><TD>imposta il testo giustificato in una cella;</td></tr>
-<TR><TD>&#060;'''TD width='''n.'''&#062;''' <FONT color=#B22222>|[[#Note|4]]|</font></td><TD> : </td><TD>inserisce una cella di lunghezza espressa in % o in pixel;</td></tr>
+<TR><TD>&#060;'''TD width='''num&#062; <FONT color=#B22222><SUP>&#91;[[#Note|nota 4]]&#93;</sup></font></td><TD> : </td><TD>inserisce una cella di lunghezza espressa in % o in pixel;</td></tr>
-<TR><TD>&#060;'''TD height='''n.'''&#062;</td><TD> : </td><TD>inserisce una cella di altezza espressa in % o in pixel;</td></tr>
+<TR><TD>&#060;'''TD height='''num&#062;</td><TD> : </td><TD>inserisce una cella di altezza espressa in % o in pixel;</td></tr>
-<TR><TD>&#060;'''TD valign=top'''&#062; <FONT color=#B22222>|[[#Note|3]]|</font></td><TD> : </td><TD>imposta il testo nella parte superiore della cella;</td></tr>
+<TR><TD>&#060;'''TD valign=top'''&#062; <FONT color=#B22222><SUP>&#91;[[#Note|nota 3]]&#93;</sup></font></td><TD> : </td><TD>imposta il testo nella parte superiore della cella;</td></tr>
 <TR><TD>&#060;'''TD valign=middle'''&#062;</td><TD> : </td><TD>imposta il testo nella parte di mezzo della cella;</td></tr>
 <TR><TD>&#060;'''TD valign=bottom'''&#062;</td><TD> : </td><TD>imposta il testo nella parte inferiore della cella;</td></tr>
-<TR><TD>&#060;'''TD style=color:='''nome_colore oppure #num_colore&#062;</td><TD> : </td><TD>colora il testo in una cella;</td></tr>
+<TR><TD>&#060;'''TD style=color:'''nome_colore <FONT Size=1>oppure</font> #num_colore&#062;</td><TD> : </td><TD>colora il testo in una cella;</td></tr>
 <TR><TD>&#060;'''TD background='''percorso_del_file_immagine&#062;</td><TD> : </td><TD>inserisce un'immagine come sfondo in una cella;</td></tr>
-<TR><TD> </td><TD> </td><TD> </td></tr>
-<TR><TD><FONT color=blue>'''POSTA ELETTRONICA</font>:'''</td><TD> </td><TD> </td></tr>
-<TR><TD><FONT size=1>'''&#060;A HREF=\"&#109;ailto:'''''indirizzo_del_destinatario'''''\">'''Un testo qualsiasi'''</a&#062;'''</font></td><TD><FONT size=2> : </font></td><TD>invia la posta elettronica all'indirizzo di un destinatario</td></tr>
-<TR><TD> </td><TD> </td><TD> </td></tr>
-<TR><TD><FONT color=blue>'''TOOLTIP</font>:'''</td><TD> </td><TD> </td></tr>
-<TR><TD>'''&#060;ABBR title=\"'''''testo_del_tooltip'''''\">'''Testo visualizzato'''</abbr></td><TD> : </td><TD> mostra un ''ToolTip'' sul testo visibile individuato.</td></tr>
+</table>
-</table>
-<BR>E' possibile inserire anche caratteri <B>unicode</b>, i cui codici |[[#Note|5]]| <U>scritti in decimale</u>, per essere compatibili con HTML, devono essere preceduti da <B>&#</b> e seguiti dal ''punto e virgola''. Esempio: '''<FONT color=#822222>&#</font>'''9830'''<FONT color=#822222>;</font>'''
+E' possibile inserire anche caratteri <B>unicode</b>, i cui codici <SUP>&#91;[[#Note|nota 5]]&#93;</sup> <U>scritti in decimale</u>, per essere compatibili con HTML, devono essere preceduti da <B>&#</b> e seguiti dal ''punto e virgola''. Esempio: '''<FONT color=#822222>&#</font>'''9830'''<FONT color=#822222>;</font>'''
 =Note=
-[1] Bisogna ricordare che gli oggetti, che supportano il codice HTML, non supportano i ''Tag'' HTML in misura eguale fra loro.
+[1] Bisogna ricordare che gli Oggetti grafici, che supportano il codice HTML, non supportano i ''Tag'' HTML in misura eguale fra loro.
-[2] Vedere la nota particolare per il ''[[MessageBox:_interruzione_di_riga_con_ritorno_"a_capo"|MessageBox'']].
+[2] Vedere la nota particolare per il ''[[Interruzione_di_riga_con_ritorno_a_capo_in_un_Message|Message]]''.
 [3] ''align'' e ''valign'' possono essere posti anche con &#060;TABLE&#062; e &#060;TR&#062; a seconda se si vuole imporre quelle caratteristiche a tutta la tabella o ad una intera riga.

Differenze tra le versioni di "Elenco delle istruzioni HTML compatibili"

Versione attuale delle 15:31, 23 lug 2024

Note

Menu di navigazione

Strumenti personali

Namespace

Varianti

Visite

Altro

Ricerca

Menu principale

Utilità