LISTA DEI TAG HTML E DELLE LORO FUNZIONI



a - Crea un collegamento ipertestuale (link) e necessita dell'attributo href
abbr - Utilizzato per racchiudere delle abbreviazioni
acronym - Utilizzato per racchiudere degli acronimi
address - Scrive un testo impostandolo come un indirizzo di una persona, di un'azienda e così via
applet - Include un'applet Java all'interno di una pagina HTML
area - Crea un'area linkabile su un'immagine
b - Imposta il testo compreso tra i tag di apertura e di chiusura in grassetto
base - Stabilisce alcune caratteristiche di base della pagina corrente
basefont - Stabilisce alcune stilizzazioni di base per la pagina corrente
bdo - Necessita dell'attributo dir e serve a cambiare direzione al testo compreso da destra verso sinistra (ltr di default) e da sinistra verso destra (rtl)
bgsound - Permette di inserire una musica di sottofondo si consiglia di utilizzarlo con parsimonia e alla fine della pagina
big - Aumenta la dimensione del testo rispetto a quella specificata esplicitamente o per default
blink - Crea l'effetto testo lampeggiante
blockquote - Crea uno spazio di tabulatura sulla sinistra per gli elementi inclusi nei tag di apertura e di chiusura
body - Specifica il corpo della pagina tutto ciò che è compreso tra i tag di apertura e di chiusura saranno mostrati a video
br - Imposta un ritorno a capo senza lasciare un'interlinea vuota
button - Simile ad un input con type="button" crea un bottone per un modulo HTML
caption - Aggiunge un titolo a una tabella senza necessità di includerlo in una cella
center - Centra gli elementi compresi tra i tag di apertura e di chiusura in disuso, si preferisce usare align="center" su p o su div
cite - Evidenzia una citazione indentando il testo contenuto e impostandolo in corsivo
code - Utilizzato per aggiungere a una pagina un esempio di codice simile al tag pre con la differenza che non indenta il testo riconoscendo tutti gli spazi vuoti
col - Con l'utilizzo di un colgroup aggiunge un gruppo a una tabella
colgroup - Crea un gruppo per una tabella
dd - Tag testuale utilizzato per enfatizzare definizioni
del - Come strike sbarra un testo
dfn -Utilizzato per racchiudere delle definizioni enfatizza il testo in corsivo come il tag i
dir - Permette di creare elenchi come il tag ul
div - Tag di testo che comporta un ritorno a capo ma non un'interlinea vuota alla chiusura
dl - Apre un blocco di definizioni
doctype - Riporta le specifiche e la versione HTML utilizzata nella pagina corrente
dt - Specifica il testo a cui fa riferimento una definizione scritta in un dd
em - Enfatizza un testo stilizzandolo in corsivo equivale al tag i
embed - Permette di inserire un filmato o altri tipi di elementi multimediali utilizzando il lettore predefinito del client connesso
fieldset - Crea un'area dedicabile a un form e permette di inserire un titolo compreso nel box con l'utilizzo dei tag legend
font - Permette la formattazione del testo colore, dimensione e carattere da utilizzare
form - Apre un modulo HTML è necessario specificare il method da utilizzare e l'action a cui dirigere i dati
frame - Indica i riferimenti a un file contenuti in un frameset e necessita dell'attributo src per specificare il file
frameset - Crea un set di frame
h1 - Titolo di primo livello
h2 - Titolo di secondo livello
h3 - Titolo di terzo livello
h4 - Titolo di quarto livello
h5 - Titolo di quinto livello
h6 - Titolo di sesto livello
head - Contiene gli elementi di back-office di intestazione della pagina quali script, meta tag, stilizzazioni e così via
hr - Crea una linea orizzontale di separazione
html - Apre e chiude il codice HTML della pagina a eccezione della dichiarazione doctype
i - Imposta il testo compreso tra i tag di apertura e chiusura in corsivo
iframe - Inserisce in una pagina un frame in linea
img - Inserisce un'immagine nella pagina e necessita dell'attributo src
input - Permette di creare una casella di testo, pulsanti di scelta o bottoni è necessario specificare l'attributo type e va inserito in un form
ins - Sottolinea il testo compreso tra i tag di apertura e di chiusura come il tag u
isindex - Sostituisce alcuni elementi dei form HTML
kbd - Enfatizza un testo che viene richiesto dal sistema all'utente
label - Permette a un testo di fare riferimento a un elemento di un form grazie al suo attributo for legandolo all'id dell'elemento del modulo
legend - Inserito in un fieldset permette di specificarne il titolo in una legenda
li - Crea degli item per un elenco numerato (ol) o puntato (ul)
link - Permette di includere un file CSS esterno
map - Inizializza una mappa d'immagine
marquee - Crea l'effetto testo scorrevole
menu - Anche questo tag può sostituire il classico ul per l'elenco puntato
meta - Specifica una serie di parametri per la pagina corrente come il titolo della pagina, le parole chiave per i motori di ricerca, l'autore e così via
nobr - Impedisce a una frase compresa tra i tag di apertura e di chiusura di andare a capo
noframes - Presenta un messaggio a video sui browser che non supportano i frames
noscript - Presenta un messaggio a video sui browser che non supportano il linguaggio di scripting utilizzato
object - Specifica un elemento multimediale tipo filmati flash
ol - Crea un elenco numerato gli item sono racchiusi nei tag di apertura e di chiusura li
optgroup - Con l'attributo label crea un elenco definito in una select dividendo i vari option per categoria
option - Specifica gli item di una casella di scorrimento select
p - Tag di testo che comporta un ritorno a capo e un'interlinea vuoto alla chiusura
param - Specifica i parametri di un'applet Java
pre - Testo preformattato non necessita di br per andare a capo e conta tutti gli spazi vuoti
q - Enfatizza e indenta del testo
s - Abbreviazione di strike
samp - Enfatizza un testo di esempio
script - Accetta codice Javascript o VBScript tra i tag di apertura e di chiusura si consiglia di specificare il linguaggio nell'attributo language
select - Permette di creare una casella di scorrimento è necessario utilizzare il tag option per specificare gli item e va inserito in un form
small - Diminuisce la dimensione del testo rispetto a quella specificata esplicitamente o per default
span - Tag testuale che non comporta ritorno a capo
strike - Sbarra il testo compreso tra i tag di apertura e di chiusura
strong - Equivale al tag b per impostare il grassetto
style - Specifica stilizzazioni CSS tra i tag di apertura e di chiusura
sub - Imposta come pedice il testo compreso tra i tag di apertura e di chiusura
sup - Imposta come apice il testo compreso tra i tag di apertura e di chiusura
table - Apre una tabella per la formattazione di un layout o di una serie di dati
tbody - Contiene il corpo di una tabella
td - Rappresenta una cella di una tabella da inserire nei tag table
textarea - Permette di creare un'area di testo e va inserito in un form
tfoot - Specifica una frase per la fine di una tabella
th - Specifica l'intestazione per il titolo di una tabella
thead - Contiene un'intestazione per il titolo di una tabella
title - Specifica il titolo della pagina va inserito tra i tag di apertura e di chiusura head
tr - Contiene una serie di td disposte in orizzontale da inserire nei tag table
tt - Testo a spaziatura fissa riporta perfettamente in colonna tutte le lettere e/o simboli anche di dimensioni differenti
u - Sottolinea il testo compreso tra i tag di apertura e di chiusura
ul - Crea un elenco puntato gli item sono racchiusi nei tag di apertura e di chiusura li
var - In un blocco di codice di esempio stampato a video evidenzia parole chiave del codice stesso
xml - Permette di fare riferimento a un file XML necessita dell'attributo src per richiamare il file e di un id per un riferimento univoco

IMMAGINI E LINK



Inserire un'immagine
*img src="https://INDIRIZZO DELL'IMMAGINE"*
Collegamento a una pagina web o file
*a href="https://INDIRIZZO DEL SITO"*TESTO*/a*
Collegamento a un punto della pagina
*span class="anchor"**a name="target"**/a**/span* oppure *a href="#target"*TESTO*/a*
Immagine con collegamento
*a href="https://INDIRIZZO DEL SITO"**img src="https://INDIRIZZO DELL'IMMAGINE"**/a*
Centrare un'immagine o un testo
*div align="center"*INDIRIZZO DELL'IMMAGINE/TESTO*/div*
Immagini o testo in movimento
*marquee="left" scrollAmount=1 height="100%" width="70%"*INDIRIZZO DELL'IMMAGINE/TESTO*/marquee*
Direction indica la direzione, scrollAmount indica la velocità, height indica l'altezza del campo di scorrimento e width indica la larghezza del campo di scorrimento rispetto alla larghezza della pagina
Immagine o testo in movimento che si ferma al passaggio del mouse
*marquee onmouseover="this.stop()" onmouseout="this.start()"*INDIRIZZO DELL'IMMAGINE/TESTO*/marquee*
Immagine o testo in movimento che rallenta al passaggio del mouse
*marquee scrollamount='5' onMouseover='this.scrollAmount=1' onMouseout='this.scrollAmount=5'>url immagine/testo*/marquee*
Nota: al posto degli asterischi vanno messi i segni minore e maggiore

TESTO



Testo in grassetto
*b*TESTO*/b*
Testo in corsivo
*i*TESTO*/i*
Testo sottolineato
*u*TESTO*/u*
Testo barrato
*del*TESTO*/del*
Colore testo
*span style="color: COLORE">TESTO*/span*
Dimensione testo
*span style="font-size: DIMENSIONE">TESTO*/span*
Tipo di carattere per il testo
*span style="font-family: TIPO DI CARATTERE">TESTO*/span*
Cambiare colore, dimensione e tipo di carattere un testo
*span style="color: COLORE; font-size: DIMENSIONE; font-family: FONT">TESTO*/span*
Testo con alone (visibile solo da Internet Explorer)
*div style="width:100%;filter:glow(color=colore)">TESTO*/div*
Testo sfumato (visibile solo da Internet Explorer)
*div style="width:100%;filter:blur">TESTO*/div*
Nota: al posto degli asterischi vanno messi i segni minore e maggiore

LISTE E MENU



Lista
*ul type="disc"*
*li*voce*/li*
*li*voce*/li*
*li*voce*/li*
*/ul*
Si può cambiare disc con circle o con square per avere un'icona diversa vicino a ogni voce
Lista numerata
*ol*
*li*voce*/li*
*li*voce*/li*
*li*voce*/li*
*/ol*
Area di testo
*textarea*TESTO*/textarea*
Input
*input type="#" value="TESTO"*
#Valori tipici del campo type
checkbox, password, radio e text
Menù a tendina
*select*
*option value="1">1*/option*
*option value="2">2*/option*
*option value="3">3*/option*
*/select*
Pulsante
*button*TESTO*/button*
Testo apice
*sup*...*/sup*
Testo pedice
*sub*...*/sub*
Iframe (includere una pagina esterna nel forum)
*iframe src="https://INDIRIZZO DELLA PAGINA" width="100" height="100"**/iframe*
Nota: al posto degli asterischi vanno messi i segni minore e maggiore

CODICI ESADECIMALI DEI COLORI



Alice blue #F0F8FF Antique white #FAEBD7 Aqua #00FFFF Aquamarine #7FFFD4 Azure #F0FFFF Beige #F5F5DC
Bisque #FFE4C4 Black #000000 Blanched almond #FFEBCD Blue #0000FF Blue violet #8A2BE2 Brown #A52A2A Burly wood #DEB887
Cadet blue #5F9EA0 Chartreuse #7FFF00 Chocolate #D2691E Coral #FF7F50 Cornflower blue #6495ED Cornsilk #FFF8DC Crimson #DC143C Cyan #00FFFF Dark blue #00008B Dark cyan #008B8B Dark goldenrod #B8860B Dark grey #A9A9A9
Dark green #006400 Dark khaki #BDB76B Dark magenta #8B008B Dark olive green #556B2F Dark orange #FF8C00 Dark orchid #9932CC Dark red #8B0000 Dark salmon #E9967A Dark sea green #8FBC8F Dark slate blue #483D8B
Dark slate grey #2F4F4F Dark turquoise #00CED1 Dark violet #9400D3 Deep pink #FF1493 Deep sky blue #00BFFF Dim grey #696969 Dodger blue #1E90FF Firebrick #B22222 Floral white #FFFAF0 Forest green #228B22 Fuchsia #FF00FF Gainsboro #DCDCDC Ghost white #F8F8FF Gold #FFD700 Goldenrod #DAA520 Grey #808080 Green #008000 Green yellow #ADFF2F Honeydew #F0FFF0 Hot pink #FF69B4 Indian red #CD5C5C Indigo #4B0082 Ivory #FFFFF0 Khaki #F0E68C Lavender #E6E6FA Lavender blush #FFF0F5 Lawn green #7CFC00 Lemon chiffon #FFFACD Light blue #ADD8E6 Light coral #F08080 Light cyan #E0FFFF Light goldenrod yellow #FAFAD2 Light grey #D3D3D3 Light green #90EE90
Light pink #FFB6C1 Light salmon #FFA07A Light sea green #20B2AA Light sky blue #87CEFA Light slate gray #778899 Light steel blue #B0C4DE Light yellow #FFFFE0 Lime #00FF00 Lime green #32CD32 Linen #FAF0E6 Magenta #FF00FF
Maroon #800000 Medium aquamarine #66CDAA Medium blue #0000CD Medium orchid #BA55D3 Medium purple #9370D8 Medium seagreen #3CB371 Medium slate blue #7B68EE Medium spring green #00FA9A Medium turquoise #48D1CC
Medium violet red #C71585 Midnight blue #191970 Mint cream #F5FFFA Misty rose #FFE4E1 Moccasin #FFE4B5 Navajo white #FFDEAD Navy #000080 Oldlace #FDF5E6 Olive #808000 Olive drab #6B8E23 Orange #FF5500 Orange red #FF4500
Orchid #DA70D6 Pale goldenrod #EEE8AA Pale green #98FB98 Pale turquoise #AFEEEE Pale violet red #D87093 Papaya whip #FFEFD5 Peach puff #FFDAB9 Peru #CD853F Pink #FFC0CB Plum #DDA0DD Powder blue #B0E0E6 Purple #800080
Red #F00000 Rosy brown #BC8F8F Royal blue #4169E1 Saddle brown #8B4513 Salmon #FA8072 Sandy brown #F4A460 Sea green #2E8B57 Sea shell #FFF5EE Sienna #A0522D Silver #C0C0C0 Sky blue #87CEEB Slate blue #6A5ACD
Slate grey #708090 Snow #FFFAFA Spring green #00FF7F Steel blue #4682B4 Tan #D2B48C Teal #008080 Thistle #D8BFD8 Tomato #FF6347 Turquoise #40E0D0 Violet #EE82EE Wheat #F5DEB3 White #FFFFFF White smoke #F5F5F5
Yellow #FFFF00 Yellow green #9ACD32

*



*

*



*

*



*