HTML


Corso di base per creare pagine Web


Regole da rispettare per non far scappare i visitatori :


Comandi e Tag per creare le pagine:

<HTML>...</HTML>
Tag di apertura e chiusura html
<HEAD>...</HEAD>
Tag di apertura e chiusura dell' intestazione della pagina web
<TITLE>...</TITLE>
Apre e chiude il titolo della pagina, quella che i motori di ricerca trovano e classificano
<BODY>...</BODY>
Corpo del testo di tutta la pagina html
   
TESTO
TESTO FORMATTATO
   
<P ALIGN=right>
Testo allineato al bordo destro della pagina
<P ALIGN=left>
Testo allineato a sinistra della pagina
<P ALIGN=center>
Testo allineato al centro della pagina
<BGCOLOR="..">
Definisce un colore per lo sfondo
<BACKGROUND=".">
Definisce un'immagine per lo sfondo
<TEXT>
Definisce un colore per il testo
<LINK>
Definisce un colore per i link non visitati
<VLINK>
Definisce un colore per i link visitati
<ALINK>
Definisce un colore per i link attivi
<BR>
Crea un'interruzione di linea con "a capo"
<H1>...</H1>
Dimensione del carattere GRANDE
<H2>...</H2>
Dimensione del carattere MENO GRANDE
<H3>...</H3>
Dimensione del carattere NORMALE
<H4>...</H4>
Dimensione del carattere PICCOLO-MEDIO
<H5>...</H5>
Dimensione del carattere PICCOLO
<H6>...</H6>
Dimensione del carattere PIU' PICCOLO
<B>...</B>
Testo in grassetto
<BIG>...</BIG>
Testo in carattere grande
<BLINK>...</BLINK>
Testo che lampeggia
<I>...</I>
Testo in corsivo
<SMALL>..</SMALL>
Testo in carattere piccolo
<STRIKE></STRIKE>
Testo barrato sopra il carattere
<SUB>...</SUB>
Testo in pedice
<SUP>...</SUP>
Testo in apice
<TT>...</TT>
Testo in telescrivente
<U>...</U>
Testo con carattere sottolineato
<FONT SIZE="3">
Dimensione del carattere, da 1 a 7, in ordine crescente; necessita tag </FONT>
<FACE="Arial">
Specifica il tipo di carattere
<UL>...</UL>
Per scrivere una lista non ordinata
<TYPE="disc">
Lista numerata con pallino pieno
<TYPE="square">
Lista numerata con quadratino pieno
<TYPE="circle">
Lista numerata con pallino vuoto
<OL>...</OL>
Per scrivere una lista ordinata
<OL TYPE="1">
Lista numerata 1-2-3..necessita tag </OL>
<OL TYPE="i">
Lista numerata i-ii-iii..necessita tag </OL>
<OL TYPE="A">
Lista numerata A-B-C..necessita tag </OL>
<OL TYPE="a">
Lista numerata a-b-c..necessita tag </OL>
   
IMMAGINI
MISURE E ORIENTAMENTO
   
<WIDTH>
Definisce la larghezza dell'immagine
<HEIGHT>
Definisce l'altezza dell'immagine
<IMG SRC="1.gif">
Definisce quale immagine usare
<ALIGN="CENTER"> Centra l'immagine sulla pagina
<ALIGN="RIGHT"> Allinea a destra l'immagine sulla pagina
<ALIGN="LEFT"> Allinea a sinistra l'immagine sulla pagina
<ALT="Ritratto"> Descrive l'immagine mentre viene caricata
<ALIGN="TOP"> Allinea l'immagine in alto
<ALIGN="MIDDLE"> Allinea l'immagine centrale in verticale
<ALIGN="BOTTOM"> Allinea l'immagine con l'estremo inferiore
<ALIGN="TEXT TOP"> Allinea l'immagine al testo più in alto
<ALIGN="ABSMIDDLE"> Centra l'immagine in verticale con la metà della linea di testo
<ALIGN="BASELINE"> Allinea la base dell'immagine con la base della linea
<ALIGN="ABSBOTTOM"> Allinea la base dell'immagine con lo estremo inferiore della linea
HSPACE - VSPACE Allinea l'immagine al testo più in alto
   
MULTIMEDIA
COMANDI DI ESECUZIONE
   
<A HREF="1.wav"> Inserire un collegamento audio
<A HREF="1.mid"> Inserire un collegamento audio
<loop=1/2/infinite> Numero di volte che viene ripetuto il suono
<EMBED SRC="1.mov"> Inserire un collegamento video
<AUTOPLAY=TRUE> Tipo di start del collegamento video
<TYPE="video/indeo"> Tipo del collegamento video
<CONTROLLER=TRUE> Tipo del controller del collegamento video
<BGSOUND SRC="1.mid"> Suono di fondo per Microsoft Explorer
<EMBED SRC="1.mid"> Suono di fondo per Netscape Navigator
   
COLORI
CODICI IN ESADECIMALE
   
BIANCO #FFFFFF
NERO #000000
ROSSO #FF0000
VERDE #00FF00
BLU #0000FF
MAGENTA #FF00FF
CIANO #00FFFF
GIALLO #FFFF00
ACQUAMARINA #70DB93
VERDE SCURO #2F4F2F
BLU CHIARO #C0D9D9
VERDE CHIARO #32CD32
ARANCIONE #E47833
ROSA #BC8F8F
AZZURRO CIELO #236B8E
TURCHESE #ADEAEA
VIOLETTO #4F2F4F
THISTLE #D8BFD8
ORO #DBDB70
MARRONE #8E236B
GRIGIO CHIARISSIMO #DDDDDD
GRIGIO CHIARO #A8A8A8
GRIGIO MEDIO #545454
GRIGIO SCURO #454545
GRIGIO SCURISSIMO #333333
   
TABELLE
CARATTERISTICHE
   
<TABLE>...</TABLE> Apertura e chiusura del blocco di una tabella
<TR>...</TR> Apertura e chiusura tabella
<TD>...</TD> Apertura e chiusura celle
<ALIGN=top> Tabella centrata in alto
<ALIGN=left> Tabella allineata a sinistra
<ALIGN=right> Tabella allineata a destra
<ALIGN=center> Tabella centrata
<BORDER=0> Bordo invisibile della tabella
<BORDER=1> Bordo visibile della tabella
<BORDER=VOID> Nessun bordo esterno
<BORDER=ABOVE> Solo bordo superiore
<BORDER=BELOW> Solo bordo inferiore
<BORDER=HSIDES> Solo bordi inferiore e superiore
<BORDER=VSIDES> Solo bordi sinistro e destro
<BORDER=LHS> Solo bordo sinistro
<BORDER=RHS> Solo bordo destro
<BORDER=BOX> Mostra riquadro completo ( default )
<BORDER=RULES> Controlla i bordi tra cella e cella
<BORDER=NONES> Nessun bordo esterno
<BORDER=BASIC> Solo bordi divisori tra le sezioni
<BORDER=ROWS> Solo bordi divisori tra le righe
<BORDER=COLS> Solo bordi divisori tra le colonne
<BORDER=ALL> Tutti i bordi esterni attivati ( default )
<BORDERCOLOR=#..> Specifica il colore del bordo
<HEIGHT> Esprime il valore in altezza della cella
<WIDTH> Esprime il valore in ampiezza della cella
   
FRAMES
COMANDI
   
<FRAME>...</FRAME> Comando di apertura e chiusura dei frames
<FRAMESET>...</FR..> Apertura e chiusura del set del frame
<NOFRAMES>...</NOF..> Comando per la visualizzazione nei browser che non supportano i frames
<COLS="..."> Divide lo schermo in due cornici a colonne
<ROWS="..."> Divide lo schermo in due cornici a righe
<IFRAME>...</IFRAME> Cornice galleggiante
<FRAME NAME> Denomina il frame
   
COLLEGAMENTI
COMANDI
   
<A HREF="link1.htm"></A> Collegamento ad una pagina interna al sito
<A HREF="http://.."></A> Collegamento ad una pagina esterna al sito
<TARGET="principale"> Bersaglio del collegamento
<TARGET="main"> Bersaglio del collegamento
<A HREF="mailto:..."></A> Collegamento ad una casella di posta
<A HREF="suono.wav"></A> Collegamento ad un suono

 


Script:

 

<SCRIPT language=vbscript>

for i=1 to 10

MsgBox ("scrivi quello che vuoi")

Next

</SCRIPT>

ripete da 1 a 10 i messaggi che scrivi tra le parentesi prima di aprire la pagina internet del sito web


Script:

 

<SCRIPT language=vbscript>

MsgBox ("scrivi quello che vuoi")

</SCRIPT>

il messaggio singolo che scrivi tra le parentesi viene scritto prima della apertura della pagina del sito


Script:

 

<SCRIPT language=vbscript>

MsgBox ("scrivi quello che vuoi")

MsgBox ("scrivi quello che vuoi")

MsgBox ("scrivi quello che vuoi")

MsgBox ("scrivi quello che vuoi")

MsgBox ("scrivi quello che vuoi")

MsgBox ("scrivi quello che vuoi")

MsgBox ("scrivi quello che vuoi")

MsgBox ("scrivi quello che vuoi")

</SCRIPT>

i messaggi che scrivi tra le parentesi vengono scritti prima di aprire la pagina del sito e non se ne vanno se non premi sul box del messaggio


Caratteri Speciali:

 

&#169 = simbolo del Copyright

&#174 = simbolo della Registrazione


Link utili per costruire pagine web:

 

Pianeta Html

Free Page

Corso Web di Html

Corso di JavaScript

Creazioni Web

ClipArt

007 Fonts

Natale

Web Designer

CGI Point

Redirect.it

 

Ugo Buraglia ©2008