Esempi di formattazione testi

Parametri tag SIZE --> FONT-SIZE
Parametri tag STYLE --> FONT-STRETCH
Parametri tag STYLE --> FONT-STRETCH
Parametri tag STYLE --> FONT-STYLE
Parametri tag STYLE --> FONT-VARIANT
Stili Fisici
Stili Logici

Alcuni esempi di parametri del tag STYLE

Effetti del parametro FONT SIZE
Testo di prova	xx-small
Testo di prova	x-small
Testo di prova	small
Testo di prova	medium
Testo di prova	large
Testo di prova	x-large
Testo di prova	xx-large

Effetti del parametro FONT STRETCH
Testo di prova	ultra-condensed
Testo di prova	extra-condensed
Testo di prova	condensed
Testo di prova	semi-condensed
Testo di prova	normal
Testo di prova	semi-expanded
Testo di prova	expanded
Testo di prova	extra- expanded
Testo di prova	ultra-expanded

Effetti del parametro FONT WEIGHT
Testo di prova	100
Testo di prova	200
Testo di prova	300
Testo di prova	400 (normale)
Testo di prova	500
Testo di prova	600
Testo di prova	700 (bold)
Testo di prova	800
Testo di prova	900

Effetti del parametro FONT STYLE
Testo di prova	italic
Testo di prova	oblique

Effetti del parametro FONT VARIANT
Testo di prova	small-caps

Stili "fisici"
Testo di esempio	Grassetto <B>
Testo di esempio	Corsivo <I>
Testo di ^esempio	Esponente <SUP>
Testo di _esempio	Indice <SUB>
`Testo di esempio`	Telescrivente <TT>
`Testo di esempio`	Codice computer <CODE>
`Testo di esempio`	Tastiera <KBD>
Testo di esempio	Testo grande <BIG>
Testo di esempio	Testo piccolo <SMALL>
Testo di esempio	Testo lampeggiante <BLINK>
Testo di esempio	Testo sottolineato <U>
~~Testo di esempio~~	Testo barrato <STRIKE>

Stili "logici"
Testo di esempio	Abbreviazione <ABBR>
Testo di esempio	Acronimo <ACRONIM>
Testo di esempio	Indirizzo <ADDRESS>
Testo di esempio	Citazione lunga <BLOCKQUOTE>. Notare il rientro a capo
Testo di esempio	Citazione breve <CITE>
~~Testo di esempio~~	Testo cancellato <DEL>
Testo di esempio	Definizione <DFN>
Testo di esempio	Testo enfatizzato <BIG>
Testo di esempio	Testo inserito <INS>
Testo di esempio	Citazione breve <Q>
`Testo di esempio`	Esempio di output <SAMP>
Testo di esempio	Testo in evidenza <STRONG>
`Testo di esempio`	Variabile <VAR>

Scarica il codice della pagina corrente

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//IT" "http://www.w3c.org/TR/REC-html40/frameset.dtd"> <HTML DIR="LTR" LANG="IT">   <HEAD> <TITLE> Esempi di formattazione testi </TITLE> </HEAD> <BODY> <P> <H1> Esempi di formattazione testi </H1> </P> <P> <A HREF="#PARAMSIZE">Parametri tag SIZE --> FONT-SIZE</A><BR> <A HREF="#PARAMSTRETCH">Parametri tag STYLE --> FONT-STRETCH</A><BR> <A HREF="#PARAMWEIGHT">Parametri tag STYLE --> FONT-STRETCH</A><BR> <A HREF="#PARAMSTYLE">Parametri tag STYLE --> FONT-STYLE</A><BR> <A HREF="#PARAMVARIANT">Parametri tag STYLE --> FONT-VARIANT</A><BR> <A HREF="#STILIFISICI">Stili Fisici</A><BR> <A HREF="#STILILOGICI">Stili Logici</A><BR> </P> <P> <H2> Alcuni esempi di parametri del tag STYLE </H2> </P> <P> <A name="PARAMSIZE"></A> <TABLE BORDER="1" CELLPADDING="3"> <TR> <TH COLSPAN="2">Effetti del parametro FONT SIZE</TH> </TR> <TR> <TD STYLE="font-size: xx-small">Testo di prova</TD> <TD>xx-small</TD> </TR> <TR> <TD STYLE="font-size: x-small">Testo di prova</TD> <TD>x-small</TD> </TR> <TR> <TD STYLE="font-size: small">Testo di prova</TD> <TD>small</TD> </TR> <TR> <TD STYLE="font-size: medium">Testo di prova</TD> <TD>medium</TD> </TR> <TR> <TD STYLE="font-size: large">Testo di prova</TD> <TD>large</TD> </TR> <TR> <TD STYLE="font-size: x-large">Testo di prova</TD> <TD>x-large</TD> </TR> <TR> <TD STYLE="font-size: xx-large">Testo di prova</TD> <TD>xx-large</TD> </TR> </TABLE> </P> <P> <A name="PARAMSTRETCH"></A> <TABLE BORDER="1" CELLPADDING="3"> <TR> <TH COLSPAN="2">Effetti del parametro FONT STRETCH</TH> </TR> <TR> <TD STYLE="font-stretch: ultra-condensed">Testo di prova</TD> <TD>ultra-condensed</TD> </TR> <TR> <TD STYLE="font-stretch: extra-condensed">Testo di prova</TD> <TD>extra-condensed</TD> </TR> <TR> <TD STYLE="font-stretch: condensed">Testo di prova</TD> <TD>condensed</TD> </TR> <TR> <TD STYLE="font-stretch: semi-condensed">Testo di prova</TD> <TD>semi-condensed</TD> </TR> <TR> <TD STYLE="font-stretch: normal">Testo di prova</TD> <TD>normal</TD> </TR> <TR> <TD STYLE="font-stretch: semi-expanded">Testo di prova</TD> <TD>semi-expanded</TD> </TR> <TR> <TD STYLE="font-stretch: expanded">Testo di prova</TD> <TD>expanded</TD> </TR> <TR> <TD STYLE="font-stretch: extra-expanded">Testo di prova</TD> <TD>extra- expanded</TD> </TR> <TR> <TD STYLE="font-stretch: ultra-expanded">Testo di prova</TD> <TD>ultra-expanded</TD> </TR> </TABLE> </P> <P> <A name="PARAMWEIGHT"></A> <TABLE BORDER="1" CELLPADDING="3"> <TR> <TH COLSPAN="2">Effetti del parametro FONT WEIGHT</TH> </TR> <TR> <TD STYLE="font-weight: 100">Testo di prova</TD> <TD>100</TD> </TR> <TR> <TD STYLE="font-weight: 200">Testo di prova</TD> <TD>200</TD> </TR> <TR> <TD STYLE="font-weight: 300">Testo di prova</TD> <TD>300</TD> </TR> <TR> <TD STYLE="font-weight: 400">Testo di prova</TD> <TD>400 (normale)</TD> </TR> <TR> <TD STYLE="font-weight: 500">Testo di prova</TD> <TD>500</TD> </TR> <TR> <TD STYLE="font-weight: 600">Testo di prova</TD> <TD>600</TD> </TR> <TR> <TD STYLE="font-weight: 700">Testo di prova</TD> <TD>700 (bold)</TD> </TR> <TR> <TD STYLE="font-weight: 800">Testo di prova</TD> <TD>800</TD> </TR> <TR> <TD STYLE="font-weight: 900">Testo di prova</TD> <TD>900</TD> </TR> </TABLE> </P> <P> <A name="PARAMSTYLE"></A> <TABLE BORDER="1" CELLPADDING="3"> <TR> <TH COLSPAN="2">Effetti del parametro FONT STYLE</TH> </TR> <TR> <TD STYLE="font-style: italic">Testo di prova</TD> <TD>italic</TD> </TR> <TR> <TD STYLE="font-style: oblique">Testo di prova</TD> <TD>oblique</TD> </TR> </TABLE> </P> <P> <A name="PARAMVARIANT"></A> <TABLE BORDER="1" CELLPADDING="3"> <TR> <TH COLSPAN="2">Effetti del parametro FONT VARIANT</TH> </TR> <TR> <TD STYLE="font-variant: small-caps">Testo di prova</TD> <TD>small-caps</TD> </TR> </TABLE> </P> <P> <A name="STLIFISICI"></A> <TABLE BORDER="1" CELLPADDING="3"> <TR> <TH COLSPAN="2">Stili "fisici"</TH> </TR> <TR> <TD><B>Testo di esempio</B></TD> <TD>Grassetto <B></TD> </TR> <TR> <TD><I>Testo di esempio</I></TD> <TD>Corsivo <I></TD> </TR> <TR> <TD>Testo di <SUP>esempio</SUP></TD> <TD>Esponente <SUP></TD> </TR> <TR> <TD>Testo di <SUB>esempio</SUB></TD> <TD>Indice <SUB></TD> </TR> <TR> <TD><TT>Testo di esempio</TT></TD> <TD>Telescrivente <TT></TD> </TR> <TR> <TD><CODE>Testo di esempio</CODE></TD> <TD>Codice computer <CODE></TD> </TR> <TR> <TD><KBD>Testo di esempio</KBD></TD> <TD>Tastiera <KBD></TD> </TR> <TR> <TD><BIG>Testo di esempio</BIG></TD> <TD>Testo grande <BIG></TD> </TR> <TR> <TD><SMALL>Testo di esempio</SMALL></TD> <TD>Testo piccolo <SMALL></TD> </TR> <TR> <TD><BLINK>Testo di esempio</BLINK></TD> <TD>Testo lampeggiante <BLINK></TD> </TR> <TR> <TD><U>Testo di esempio</U></TD> <TD>Testo sottolineato <U></TD> </TR> <TR> <TD><STRIKE>Testo di esempio</STRIKE></TD> <TD>Testo barrato <STRIKE></TD> </TR> </TABLE> </P> <P> <A name="STILILOGICI"></A> <TABLE BORDER="1" CELLPADDING="3"> <TR> <TH COLSPAN="2">Stili "logici"</TH> </TR> <TR> <TD><ABBR>Testo di esempio</ABBR></TD> <TD>Abbreviazione <ABBR></TD> </TR> <TR> <TD><ACRONYM>Testo di esempio</ACRONYM></TD> <TD>Acronimo <ACRONIM></TD> </TR> <TR> <TD><ADDRESS>Testo di esempio</ADDRESS></TD> <TD>Indirizzo <ADDRESS></TD> </TR> <TR> <TD><BLOCKQUOTE>Testo di esempio</BLOCKQUOTE></TD> <TD>Citazione lunga <BLOCKQUOTE>. Notare il rientro a capo</TD> </TR> <TR> <TD><CITE>Testo di esempio</CITE></TD> <TD>Citazione breve <CITE></TD> </TR> <TR> <TD><DEL>Testo di esempio</DEL></TD> <TD>Testo cancellato <DEL></TD> </TR> <TR> <TD><DFN>Testo di esempio</DFN></TD> <TD>Definizione <DFN></TD> </TR> <TR> <TD><EM>Testo di esempio</EM></TD> <TD>Testo enfatizzato <BIG></TD> </TR> <TR> <TD><INS>Testo di esempio</INS></TD> <TD>Testo inserito <INS></TD> </TR> <TR> <TD><Q>Testo di esempio</Q></TD> <TD>Citazione breve <Q></TD> </TR> <TR> <TD><SAMP>Testo di esempio</SAMP></TD> <TD>Esempio di output <SAMP></TD> </TR> <TR> <TD><STRONG>Testo di esempio</STRONG></TD> <TD>Testo in evidenza <STRONG></TD> </TR> <TR> <TD><VAR>Testo di esempio</VAR></TD> <TD>Variabile <VAR></TD> </TR> </TABLE> </P> </BODY> </HTML>