Versione attuale delle 16: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: @@
-<P>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 scritti in grassetto vanno compresi fra i due segni <FONT color=#B22222><B>< ></b></font>, es.: &#060;H3&#062;):</p>
+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|3]]|</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>
 <TR><TD><FONT color=blue>'''TABELLE</font>:'''</td><TD> </td><TD> </td></tr>
 <TR><TD>&#060;'''TABLE'''&#062;</td><TD> : </td><TD>inserisce una tabella;</td></tr>
-<TR><TD>&#060;'''TABLE width='''n%&#062;</td><TD> : </td><TD>dimensiona in percentuale la lunghezza della tabella rispetto all'oggetto che la contiene;</td></tr>
+<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 bgcolor='''nome_colore oppure #num_colore&#062;</td><TD> : </td><TD>colora lo sfondo dell'intera tabella;</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 <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 111: / 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|4]]}</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|5]]|</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|4]]|</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>
+</table>
-<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>
+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 grafici, che supportano il codice HTML, non supportano i ''Tag'' HTML in misura eguale fra loro.
+[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.
-</table>
+[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''.
-<BR>E' possibile inserire anche caratteri <B>unicode</b>, i cui codici |[[#Note|6]]| <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>'''
+[5] E' possibile vedere la mappa dei caratteri speciali ed i simboli con i relativi codici in questa pagina: [http://www.unicode.org/charts/ mappa caratteri Unicode], [http://www.webfract.it/GUIDA/specialiCod.htm codici ASCII]. Per l'uso di Unicode con gli oggetti di testo, vedere qui: [[Uso_di_Unicode_con_gli_oggetti_di_testo|Uso di Unicode in Gambas]].

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

Versione attuale delle 16:31, 23 lug 2024

Note

Menu di navigazione

Strumenti personali

Namespace

Varianti

Visite

Altro

Ricerca

Menu principale

Utilità