COMANDI HTML

a cura di i3ZDN

Dorino Zanatta

Il presente non vuole essere un testo esaustivo sul linguaggio HTML,
ma solo un’ elencazione dei principali comandi.
Segue una descrizione con alcuni esempi.

URL
http         HyperText Transfer Protocol; è il protocollo di 
             comunicazione World Wide Web
ftp          File Transfer Protocol: è il protocollo per il 
	       trasferimento di file
gopher       Protocollo utilizzato per il trasferimento di file 
	       di testo
telnet       Protocollo per operare su una macchina remota
news         Protocollo per i newsgroup di Usenet
wais         Protocollo per i Wide Area Information Server
mailto       Protocollo per la posta elettronica
 

Comandi fondamentali 
<HTML>	Segnala al browser il linguaggio in cui è redatto il documento
<HEAD>	Raccoglie le informazioni relative al documento
<TITLE>	Assegna un titolo al documento
<BODY>	Delimita il contenuto di una pagina HTML
 

Formattazione del testo 
<P>	Inizia un nuovo paragrafo
<BR>	Inserisce un ritorno a capo
<HR>	Inserisce nella pagina una linea separatrice orizzontale
<H1>...<H6>	Definisce le dimensioni dei titoli
<STRONG>	Trasforma in neretto il testo delimitato (logico)
<B>	Trasforma in neretto il testo delimitato (fisico)
<EM>	Trasforma in corsivo il testo delimitato (logico)
<I>	Trasforma in corsivo il testo delimitato (fisico)
<U>	Sottolinea la porzione di testo delimitata (fisico)
<KBD>	Sottolinea la porzione di testo delimitata (logico)
<TT>	Riproduce il testo in carattere monospaziato (fisico)
<CODE>	Riproduce il testo in carattere monospaziato (logico)
<CITE>	Inserisce una citazione rientrata nel testo (logico)
<PRE>	Inserisce testo preformattato nella pagina
<BLOCKQUOTE>	Inserisce una citazione, 
		rientra il testo e lascia una riga vuota sopra e sotto
<SAMP>		Inserisce un esempio in carattere monostaziato
<ADDRESS>	Inserisce l'indirizzo dell'autore
<VAR>		Indica il nome di una variabile;viene reso in corsivo
 

Creazione di liste 
<UL>            Indica una lista non numerata
<OL>            Indica una lista numerata
<LI>            Indica una voce di lista 
<DL>            Indica una lista a glossario
<DT>            Indica una voce di una lista a glossario
<DD>            Indica una spiegazione di voce di una lista glossario
<MENU>          Indica una lista a menu
<DIR>           Indica una lista a directory
 

Collegamenti
<A HREF="URL">        Indica un collegamento esterno
<A NAME="etichetta">  Inserisce un ancoraggio per un collegamento 
			   interno 
<A HREF="#etichetta"> Indica un collegamento interno
 

Immagini
<IMG SRC="nomefile.gif">	Inserisce un'immagine nella pagina
<IMG ALT="testo altern.">	Inserisce testo alternativo alla
			     	immagine per gli utenti con browser 
			    	solo testo
<IMG ALIGN="top">		Indica l'allineamento dell'immagine 
			     	rispetto alla riga del testo: 
			    	in alto,
	    			"middle"        in centro, 
	    			"bottom"        in basso. 
<IMG...ISMAP>	      Indica che è un'immagine map
<A HREF="URL"><IMG...></A>   Trasforma l'immagine in un collegamento
				 ipertestuale
 

Tabelle<PRE>		Inserisce una tabella creata con testo
		preformattato (si veda <PRE> 
		nel paragrafo Formattazione del testo)
<TABLE>	Indica al browser di trattare il testo 
	      seguente come una tabella
<TR>		Indica una nuova riga di tabella 
<TD>		Indica una singola cella all'interno di una 
		riga di tabella
<TH>		Inserisce una riga per i titoli dei campi  
		della tabella
<CAPTION>	Inserisce un titolo per la tabella 
<...ALIGN="center">Allinea il testo contenuto 
		in una cella, o il CAPTION della tabella stessa 
		(in questo caso il valore sarà = "top/bottom"):
	   	al centro,
     		"left">        a sinistra,
   		"right">       a destra.
<VALIGN="top">	Allinea il testo all'interno di una singola 
		cella in alto,
     		"middle">      in centro,
		"bottom">      in basso. 
<TABLE BORDER>	Definisce lo spessore del bordo della 
		      tabella e delle celle
<TD COLSPAN>	Definisce l'estensione in larghezza delle 
		      singole colonne
<TD ROWSPAN>	Definisce l'altezza delle singole celle 
<WIDTH>	Definisce la larghezza di una tabella o di una cella
<CELLSPACING>	Indica la spaziatura interna tra le celle 
<CELLPADDING>      Indica lo spazio da lasciare tra il 
		      testo e il bordo di una tabella


MODULI
<FORM>				Indica al browser che il testo che segue  
		      		costituisce un modulo
<FORM ACTION="URL">    	Indica l'indirizzo del programma 
		    		destinato ad elaborare i dati raccolti con il modulo
<INPUT NAME="etich.">	Nome di una etichetta dati 
<METHOD=GET/POST>   	Indica il metodo di trasmissione dati. È 
		        	preferibile utilizzare sempre POST
<INPUT TYPE="tipo">		Indica il tipo di casella per 
				l'inserimento dei dati: TEXT, CHECKBOX, RADIO
<INPUT TYPE=SUBMIT>		Crea un pulsante per l'invio dei dati 
<INPUT TYPE=RESET>		Crea un pulsante per annullare la 
				compilazione del modulo
<VALUE="testo"> 		Assegna una stringa di testo personalizzata 
				a SUBMIT e RESET
SIZE=    (attributo) 	Assegna una lunghezza massima alle caselle TEXT      
MAXLENGHT= "			Indica la lunghezza massima del testo inseribi- 
				le in una casella TEXT
TEXTAREA     " 		Inserisce una casella destinata ad accogliere 
				una quantita' di testo di + di 1 riga
COLS=, ROWS=,"     		Indicano il numero di colonne e righe da 
				assegnare a TEXTAREA
WRAP         "     		Attributo di TEXTAREA per far scorrere automa- 
				ticamente il testo
CHECKED      "     		Indica il valore di dafault di pulsante RADIO 
				o CHECKBOX o di una finestra
<SELECT>			Crea una finestra a discesa contenente le 
				opzioni tra cui scegliere
<SELECT OPTION="...">	Indica una delle opzioni del menu a discesa 
MULTIPLE     		Rende possibili più  scelte in menu creato  
		  		con SELECT
SIZE=    			Rende visibili tutte le opzioni del menu 
				creato con SELECT (non a discesa)
PASSWORD         		Crea una finestra per l'inserimento di 
				password visualizzate con asterischi


ESTENSIONI NETSCAPE
<FONT SIZE=1..7>      Indica la dimensione del font 
<BASEFONT SIZE=1..7>  Indica il valore di default dei font per 
			   tutta la pagina
<BODY TEXT="#000000"> Assegna al testo il colore nero 
	     "#FFFFFF"     "    "    "    "    "   bianco
	     "#FF0000"     "    "    "    "    "   rosso
<BODY LINK="#00FF00"> Assegna ai link non visit.il colore verde
	     "#0000FF"     "    "    "    "    "  "   "     blu
<BODY VLINK="#FF00FF">    "    "    "   visit.   "   "     magenta
	     "#00FFFF"     "    "    "       "    "   "     ciano
<BODY ALINK="#FFFF00">    "    "    "  appena visit. il  giallo
<BLINK>		      	Fa lampeggiare una porzione di testo 
<OL TYPE=1,a,A,i,I>	 	Cambia tipo numerazione in lista numerata: 
			  1 = per numeri arabi 
			  a = per lettere minuscole
			  A = per lettere maiuscole
			  i = per numeri romani minuscoli
			  I = per numeri romani maiuscoli
<UL TYPE=disc>	Assegna alle voci di una lista numerata il 
			simbolo disco, 
			circle>          cerchio, 
	 		square>          quadrato 
WIDTH=, HEIGHT=  	Altezza e larghezza di un'immagine 
<BODY BGCOLOR="#FF0000">Assegna il colore rosso allo sfondo 
			     dello schermo
<BODY BACKGROUND="xyz.gif">Inserisce un'immagine (file xyz.gif) 
			        quale sfondo della pagina 
<CENTER>	Centra gli elementi di testo o immagine.                                
SIZE=   	Varia lo spessore della linea creata con HR 
NOSHADE	Elimina l'effetto tridimensionale della linea 
		creata con HR
HSPACE=  	Indica lo spazio orizzontale attorno ad una 
		immagine espresso in pixel
VAPACE=      Indica lo spazio verticale attorno ad una 
		immagine espresso in pixel


ALTRI COMANDI
<!- ...commento... -> Inserisce un commento non visibile al 
			   browser 
<A HREF="HTTP://dir/subdir/nomefile.xxx"> Apre un collegamento per effettuare
                                          il download di un file 
<ISINDEX>   		   Inserisce una finestra per cercare dati in 
			   un database (indice di ricerca)
<ISINDEX PROMPT="testo">Personalizza il testo che precede ISINDEX
<APP CLASS="applet">    Inserisce una applicazione (applet) Java in 
			     una pagina HTML
<EMBED> 		     Inserisce un oggetto tridimensionale VRML 
			     in una pagina HTML



TABELLE CARATTERI SPECIALI E CODICI

Nella seguente tabella vengono riportati i codici di alcuni caratteri speciali; codici che bisognerà utilizzare nel caso sia necessario inserire, in un testo HTML, tali caratteri speciali. Questi caratteri devono essere immessi, con il loro codice e non come simboli, anche se alcuni di essi sono presenti nella tastiera.

CARATTERI SPECIALI
Carattere	C o d i c e	Carattere	C o d i c e	Carattere	C o d i c e
&	&	<	<	>	>
£	£	\|	¦	ª	ª
«	«			°	°
±	±	²	²	³	³
´	´	µ	µ	º	º
»	»	¼	¼	½	½
¾	¾	Ä	Ä	Ç	Ç
Ñ	Ñ	Ü	Ü	ß	ß
â	â	ä	ä	ç	ç
ê	ê	ë	ë	ñ	ñ
ö	ö	÷	÷	ü	ü
§	§	¨	¨	¶	¶

CODICI COLORI
C o l o r e C o d i c e C o l o r e C o d i c e C o l o r e C o d i c e
Nero #000000 Blu #000080 Verde #00FF00
Ciano #00FFFF Grigio #2F4F4F Cuoio #8B4513
Bruno #A52A2A Giallo #ADFF2F Rosa #BC8F8F
Lilla #DDA0DD Violetto #EE82EE Azzurro #F0FFFF
Beige #F5F5DC Menta #F5FFFA Bianco #FAEBD7
Rosso #FF0000 Corallo #FF7F50 Arancio #FFA500
Oro #FFD700 Giallo #FFFF00 Verde #228B22
Blu #0000FF Verde #7CFC00 Bianco #FFFFFF

CODICI COLORI
C o l o r e	C o d i c e	C o l o r e	C o d i c e	C o l o r e	C o d i c e
Nero	#000000	Blu	#000080	Verde	#00FF00
Ciano	#00FFFF	Grigio	#2F4F4F	Cuoio	#8B4513
Bruno	#A52A2A	Giallo	#ADFF2F	Rosa	#BC8F8F
Lilla	#DDA0DD	Violetto	#EE82EE	Azzurro	#F0FFFF
Beige	#F5F5DC	Menta	#F5FFFA	Bianco	#FAEBD7
Rosso	#FF0000	Corallo	#FF7F50	Arancio	#FFA500
Oro	#FFD700	Giallo	#FFFF00	Verde	#228B22
Blu	#0000FF	Verde	#7CFC00	Bianco	#FFFFFF

DESCRIZIONE ED ESEMPI DI ALCUNI COMANDI

HTML

Ogni documento in HTML viene reso riconoscibile al browser dalla dichiarazione di apertura (e di chiusura ).
Tutti i comandi HTML hanno un inizio e una fine; sono racchiusi tra i segni di minore e maggiore <....>
Torna

HEAD

Contiene le informazioni che identificano il contenuto del documento.
Possono confluire vari elementi ma l'unico che non deve mancare è il TITLE.
Torna

TITLE

Rappresenta il nome della pagina; non deve essere di lunghezza eccessiva altrimenti il browser ne taglia la parte finale.
Torna

BODY

È il corpo vero e proprio della pagina.
Esempio di struttura elementare di una pagina HTML:
<HTML>
<HEAD>
<TITLE>
LA MIA PAGINA HTML
</TITLE>
</HEAD>
<BODY>
Corpo della pagina.
</BODY>
</HTML>
Torna

(Paragraf). Consente di ottenere un ritorno a capo e una riga vuota. Questo comando non necessita del corrispondente comando di chiusura</P>
Torna

(Break). Fornisce un ritorno a capo senza lasciare una riga vuota.
Torna

Linea divisoria che permette di evidenziare maggiormente il distacco tra due paragrafi, o tra il titolo ed il corpo del testo.
Accetta gli attributi per variarne l'aspetto:
SIZE= seguito da un valore numerico, determina lo spessore
WIDTH= modifica la larghezza, espressa in pixel o percento
ALIGN= left, center, right per posizionarla
NOSHADE per eliminarne l'effetto tridimensionale.
Non necessita del comando di chiusura.
La seguente è una riga con spessore 7; SIZE=7, larghezza 100% (default)

La seguente è una riga (spessore default), larghezza il 20%, WIDTH="20%" posta al centro (default)

La seguente è una riga larga il 10% e ALIGN="right", allineata a destra

La precedente ma senza l'effetto tridimensionale e allineata a sinistra

	Torna

H1...H6

Comando che seguito da un numero compreso tra 1 e 6 determina la dimensione dei caratteri del testo. Il numero 1 fornisce il carattere più grande mentre il 6, il più piccolo.

Questo è scritto con H1

Questo è scritto con H2

Questo è scritto con H3

Questo è scritto con H4

Questo è scritto con H5

Questo è scritto con H6

	Torna

STRONG

Permette di cambiare il carattere in neretto, grassetto. Stile logico.
Questo è il risultato ottenuto con il comando STRONG
Torna

Permette di cambiare il carattere in neretto, grassetto. Stile fisico.
Così funziona il B ' neretto '
Torna

Consente di rappresentare caratteri in corsivo. Stile logico.
Questi caratteri sono ottenuti con il comando EM.
Torna

I caratteri compresi tra il comando d'inizio e quello di fine appariranno in corsivo (stile fisico).
Questo è il risultato ottenuto con I.
Torna

Il comando U consente di fare la sottolineatura del testo.
Questa frase dovrebbe risultare sottolineata se il vostro browser riconosce il comando U, essendo questo relativamente recente.
Torna

KBD TT CODE SAMP

Consente di inserire da tastiera un testo a spazio fisso.
Questo testo è scritto senza alcun preventivo comando
Questo testo è scritto con il comando KBD
Questo testo è scritto con il comando TT
Questo testo è scritto con il comando CODE
Questo testo è scritto con il comando SAMP
Torna

CITE

Produce un testo corsivo sottolineato
Torna

PRE

Consente di inserire un testo così come è stato digitato, con la varia spaziatura ed incolonnatura ma con caratteri a spazio fisso simile cioè a quello delle macchine per scrivere e non tipografico.
Testo digitato senza il comando PRE

Testo digitato all'interno dei comandi PRE e /PRE.
Riga ottenuta senza dare il comando BR alla fine della precedente,
ma dando un normale invio al raggiungimento del margine destro. 
      Questa rientranza è ottenuta digitando 6 spazi all'inizio.
			     Volendo scrivere in questa posizione,
			     non farò altro che posizionare il
			     cursore in questo punto e digitare 
			     il testo.

	Torna

BLOCKQUOTE

È un comando che opera una distinzione di paragrafo e può essere utilizzato per inserire una citazione o delimitare un testo di minore importanza. Il testo racchiuso tra i comandi BLOCKQUOTE e /BLOCKQUOTE apparirà rientrato e separato dai paragrafi precedenti da una riga vuota sia sopra che sotto.

Questo testo è compreso tra i comandi BLOCKQUOTE. Scrivendo un testo lungo più di una riga, apparirà incolonnato come questo.

	Torna

Genera liste non ordinate.
Vedere esempio nella descrizione del seguente comando LI.
Torna

Comando necessario per far apparire un pallino davanti ad ogni voce di una lista non numerata (iniziata con il comando UL e terminata con /UL). Esempio di lista non numerata con un pallino davanti ad ogni voce.

Testo 1

Testo 2

Testo 3

	Torna

Genera liste ordinate in cui ogni elemento identificato dal comando LI viene automaticamente preceduto da un numero. Esempio di lista numerata automaticamente davanti ad ogni voce.

Testo alfa

Testo beta

Testo delta

	Torna

È utile per la costruzione di dizionari, glossari.
DL Definisce la lista.
DT Definisce il termine.
DD Definisce la spiegazione.

Lista: Qui troverà posto la definizione (in questo caso di 'Lista'). Testo che potrà svilupparsi anche in parecchie righe consecutive che appariranno rientranti.
Glossario: Qui invece avremo la descrizione del termine 'glossario' (immesso in precedenza tra i comandi DT e /DT) anche questo testo potrà essere alquanto lungo e risulterà incolonnato.

Sarà utile ricordare che ogni coppia di comandi dovrà iniziare con il comando di apertura e terminare con il suo relativo comando di chiusura (preceduto della barra).
Il comando /DL racchiuso tra i segni di minore e maggiore, chiuderà la lista glossari.

	Torna

MENU

Non è supportato da tutti i browsers.
Permette di comporre in una lista a menu le voci precedute dal comando LI senza inserire numeri, pallini o rientranze.

Menu di Voce 1

Menu di Voce 2

Menu di Voce 3

	Torna

DIR

Consente di disporre le voci in orizzontale. (Anche questo comando, non viene interpretato da tutti i browsers).

Dir di voce 1

Dir di voce 2

Dir di voce 3

	Torna

URL

L'Uniform Resource Locator è un indirizzo Internet, riferimento necessario per raggiungere una pagina WEB (ma anche un sito gopher, FTP, o di posta elettronica). Nel caso di pagina WEB sarà
http://
per indicare il tipo di documento e il protocollo di trasferimento.
Seguirà l'indirizzo vero e proprio; es. www.bio.unipd.it/
http://www.bio.unipd.it/
In HTML è possibile collegare alla vostra pagina quella di un altro sito.
Il comando:
<A HREF="http://www.rai.it">R.A.I. Radiotelevisione Italiana</A>
consentirà il collegamento alla pagina della RAI.
La scritta 'R.A.I. Radiotelevisione Italiana' posta prima del comando di chiusura /A, apparirà sullo schermo con colore diverso e sottolineata e costituirà un collegamento cui poter accedere cliccando.
R.A.I. Radiotelevisione Italiana (esempio, non collega)
Torna

A NAME="etichetta"

È la destinazione del 'salto' che ha avuto origine cliccando sulla corrispondente <A HREF="#etichetta">
Torna

A HREF="#etichetta"

È il comando per un collegamento interno, ovvero rimando ad una sezione all'interno della stessa pagina il cui nome corrisponde alla "etichetta"

Esempio dell'uso dei due comandi <A HREF="#etichetta"> e <A NAME="etichetta">

Scrivo un testo che al suo interno ha un argomento curioso che desidero sviluppare più ampiamente in altra parte.
Affinché sia possibile cliccare su tale argomento, e quindi 'saltare’ alla sua lettura, dovrò indicare l' <A HREF="#etichetta"> parola </A>
In precedenza, con <A HREF="#curioso"> curioso </A> ho indicato la partenza del collegamento a -curioso-, infatti se cliccate sulla parola -curioso- di colore differente, salterete a leggere questo argomento che al suo inizio deve avere l'etichetta
<A NAME="curioso">.
Torna

IMG SRC="nomefile.gif"

Questa immagine (centrata) è il risultato del comando IMG SRC="nomefile.gif"

	Torna

IMG ALT="testo alternativo"

Per consentire agli utenti dotati di browser in modalità non grafica è possibile fornire un testo alternativo, usando questo comando.
Torna

ALIGN

Nel dare il comando per rappresentare un' immagine, è possibile stabilire da quale punto deve iniziare il testo. Ciò si ottiene mediante l'attributo ALIGN inserito nel comando <IMG... Le possibilità sono: ALIGN="top" (come in questo caso);

ALIGN="bottom", invece, allinea il testo in basso. Il comando completo è <IMG ALIGN="bottom" SRC="nomefile.gif">
Questa seconda è un'immagine di tipo GIF mentre la precedente era di tipo JPG. Quali differenze si notano tra i due formati?

Scrivo il testo, poi metto l'immagine con <IMG ALIGN="middle" SRC="nomefile.gif"> e il testo apparirà allineato con il centro del riquadro dell'immagine.
Torna

<A HREF="URL"><IMG SRC="..."></A>

È il comando che consente un collegamento ipertestuale cliccando su una immagine anziché su un testo. Si dovrà quindi:

Indicare il riferimento all'indirizzo URL verso cui si intende eseguire il collegamento; <A HREF="http://www.xyz.it" /A>

Richiamare il source dell'immagine; <IMG SRC="nomefile.gif">;

Inserire l'eventuale testo alternativo all'immagine; <ALT="testo alternativo">;

Un ritorno a capo <BR> e una didascalia sotto l'immagine;(Sito xyz).

	Torna

TABLE

Questo comando segnala al browser che il testo seguente è una tabella,

TITOLO 1ª COLONNA TITOLO 2ª COLONNA TITOLO 3ª COLONNA
riga 1 colonna 1 riga 1 colonna 2 riga 1 colonna 3
riga 2 colonna 1 riga 2 colonna 2
riga 3 colonna 2 riga 3 colonna 3

Torna

TITOLO 1ª COLONNA	TITOLO 2ª COLONNA	TITOLO 3ª COLONNA
riga 1 colonna 1	riga 1 colonna 2	riga 1 colonna 3
riga 2 colonna 1	riga 2 colonna 2
	riga 3 colonna 2	riga 3 colonna 3

(Table Row)
Consente l'inserimento delle righe nella tabella.
Il primo <TR> Inserirà la prima riga della tabella.
Il secondo <TR> Inserirà la seconda riga della tabella... ecc.
Torna

(Table Data)
Le singole celle saranno inserite all'interno di ogni riga con questo comando al quale seguirà il testo, il dato, l'immagine, desiderati.
<TR><TD>Inserirà il dato nella prima cella della prima riga.
<TR><TD>Inserirà il dato nella prima cella della seconda riga.
<TR><TD>Inserirà il dato nella prima cella della terza riga.
<TR><TD><TD><Inserirà il dato nella seconda cella della quarta riga, lasciando vuota la prima cella della stessa riga.
Torna

(Table Header)
Permette di inserire i titoli delle tabelle, centrandoli.
<TR><TH>TITOLO DELLA COLONNA</TH>
Torna

CAPTION

Consente di aggiungere il titolo o una descrizione più dettagliata alla tabella.
Può anche fungere da collegamento:
<CAPTION><A HREF="nomefile.htm"> parola o frase cliccabile </A></CAPTION>
Può contenere l'attributo ALIGN="top/bottom" per posizionare il titolo sopra o sotto la tabella.
Torna

...ALIGN="center/left/right"

Questo attributo può essere assegnato a qualsiasi cella, consentendo così di collocare il testo (o le immagini) al centro, a sinistra o a destra, allineandolo quindi orizzontalmente. Esempio:
<TR><TD ALIGN="center">..dato
il ..dato, apparirà orizzontalmente centrato nella cella.
Torna

VALIGN="top/middle/bottom"

Come l'attributo ALIGN allinea il testo orizzontalmente, questo nuovo attributo lo allinea verticalmente cioè; in alto, in mezzo o in basso all'interno della cella.
Torna

TABLE BORDER=n

Assegnando un valore (es.4) a n, questo comando produrrà una tabella con il bordo esterno di tale spessore. BORDER=0 non mostrerà alcun bordo.
Torna

TD COLSPAN=n

Inserendo questo attributo all'interno del comando TD si potranno ottenere per ogni singola riga, n colonne.
Torna

TD ROWSPAN=n

TABLE WIDTH=percentuale

Questo attributo all'interno del comando TABELLE, permette di fissare l'ampiezza della tabella in percentuale rispetto alla larghezza della pagina visualizzata. Può essere inserito anche per una singola cella; decidendo che una cella debba occupare metà della larghezza della tabella, il comando sarà:
<TD WIDTH=50%>
Torna

TABLE CELLSPACING=n
(Spaziatura delle celle)

Indicando un valore (es.6) quale n, si modifica lo spazio che intercorre tra le singole celle, in luogo dei 2 spazi di default.
Torna

TABLE CELLPADDING=n
(Riempimento di celle)

Consente di modificare lo spazio tra il testo e il bordo della tabella.
Torna

FORM

È il comando necessario per creare un modulo. Richiede sempre due attributi:
ACTION= seguito dall'URL cui il modulo invierà i dati e
METHOD= che indica il metodo utilizzato per la trasmissione dei dati al server.
Torna

FORM ACTION="URL"

<FORM METHOD=POST ACTION="http://nome.del.server/cgi-bin/programma">
Nell'esempio, il modulo invierà i dati al server (con il metodo POST, vedere oltre) e il programma qui specificato, li elaborerà.
Torna

INPUT NAME="etichetta"

Con il comando INPUT e i relativi attributi, sono raccolti i dati necessari alla compilazione di un modulo. Bisognerà prima stabilire quale tipo di dati conterrà la casella (vedere INPUT TYPE=), quindi attribuire un' etichetta con INPUT NAME=
Inserire Cognome e nome: <INPUT TYPE=TEXT NAME="cognome">
Questo comando creerà una casella di tipo testo ed etichetta ‘cognome’, oltre all'invito rivolto all'utente di inserire il Cognome e nome.
Torna

FORM METHOD=

I metodi di trasmissione utilizzati per comunicare al server i dati raccolti con un modulo sono: GET e POST.
<FORM METHOD="POST">
Torna

INPUT TYPE="tipo"

Stabilisce quale tipo di dati la casella conterrà e potranno essere:
INPUT TYPE=TEXT
INPUT TYPE=CHECKBOX
INPUT TYPE=RADIO
Torna

INPUT TYPE=SUBMIT

Questo comando crea sullo schermo un pulsante su cui cliccare per confermare l'invio dei dati al server. Su tale pulsante apparirà la scritta "Submit Query" che potrà essere personalizzata con il comando VALUE="..." (vedere)

	Torna

INPUT TYPE=RESET

Crea un pulsante di reset per annullare i dati inseriti e abbandonare l'operazione. Anche la scritta che appare su questo pulsante potrà essere modificata con il VALUE="..." (vedere)

	Torna

INPUT TYPE SUBMIT VALUE="..."
INPUT TYPE RESET VALUE="..."

Assegnando un'opportuna stringa a VALUE=, sui due pulsanti apparirà tale scritta.
<INPUT TYPE=SUBMIT VALUE="Invia ora!"> per confermare l'immissione e l'invio.
<INPUT TYPE=RESET VALUE="Annulla"> per abbandonare l'operazione.

	Torna

SIZE=n

È necessario per modificare la lunghezza della finestra. I testi eccedenti il valore di n, scorreranno all'interno della finestra. (vedere anche MAXLENGHT=)
Torna

MAXLENGHT=n

Per stabilire un numero massimo di caratteri, si usa questo comando, dove n corrisponderà al numero massimo dei caratteri inseribili.
Torna

TEXTAREA

Per consentire l'immissione di un testo molto esteso, si creerà un'area con questo comando cui si deve assegnare l'attributo NAME="etichetta" e i valori di ROWS=n righe (vedere) e COLS=n colonne (vedere) ed eventualmente il comando di scorrimento WRAP (vedere). Con i seguenti comandi:
Invia eventuali osservazioni e suggerimenti.<BR>
<TEXTAREA NAME="osservazioni" ROWS=10 COLS=40 WRAP>
</TEXTAREA>
apparirà

	Torna

COLS=n ROWS=n

Comandi da includere tra i comandi TEXTAREA e /TEXTAREA. Assegnando un valore ad n, sarà creata una finestra di n colonne e di n righe.
Torna

WRAP

Se incluso tra i comandi TEXTAREA e /TEXTAREA, determina lo scorrimento del testo qualora questo superi le dimensioni della finestra.
Torna

CHECKED

Consente di predefinire una scelta di default nel caso d’invito, rivolto a chi compila il modulo, a rispondere a determinate domande.
Torna

SELECT

Crea delle finestre con delle opzioni tra cui scegliere.
Torna

SELECT OPTION

Le singole voci delle opzioni devono essere comprese tra i comandi OPTION e /OPTION
Torna

MULTIPLE

Attributo che crea una finestra in cui sarà possibile effettuare più scelte.
Torna

SIZE=n

Seguito da un numero, renderà visibile l'elenco delle n opzioni del menu creato con SELECT.
Torna

PASSWORD

Determina la creazione di una casella dove ogni carattere viene visualizzato con un asterisco.
Torna

FONT SIZE

L'attributo SIZE= riferito al comando FONT e seguito da un numero da 1 a 7 consente di assegnare una dimensione maggiore o minore al corpo del testo. Ora cambio la dimensione di default (3) del font del testo attuale con il comando
<FONT SIZE=2> Ovviamente inserirò il comando di chiusura /FONT.
Questo è scritto con FONT SIZE=2
Questo è scritto con FONT SIZE=6
Oltre a questa forma di FONT SIZE= può essere usata la seguente che produce uguale risultato. Consente di modificare in + o in - il font corrente.
<FONT SIZE=+3> Aumenta di 3 il font corrente, portandolo a 6;
Questo è con FONT SIZE=+3
quindi uguale al FONT SIZE=6
<FONT SIZE=-1> Diminuisce di 1 il font corrente, portandolo quindi a 2;
Questo è con FONT SIZE=-1
quindi uguale al FONT SIZE=2
Torna

BASEFONT=n

Cambia la dimensione di base del font, (che è 3) in una dimensione maggiore o minore. Non tutti i browsers riconoscono questo comando.
Torna

BODY TEXT

Cambia il colore dei caratteri. L'attributo TEXT="#FFFF00"> inserito all'inizio, all'interno del comando <BODY, farà apparire il testo in colore giallo. Esempio: <BODY TEXT="#FFFF00">
Torna

BODY LINK="#......"

Assegnando un codice colore a "#.....", i collegamenti non ancora visitati, appariranno di tale colore. Esempio; assegna il colore blu ai collegamenti non ancora visitati, mentre al resto del testo assegna il colore rosso.
<BODY LINK="#0000FF" TEXT="#FF0000">
Torna

BODY VLINK="#......"

Assegna il colore codice "#.....", ai collegamenti già visitati. Esempio; assegna il colore ciano ai collegamenti già visitati, mentre al rimanente testo, assegna il colore nero.
<BODY VLINK="#00FFFF" TEXT="#000000">
Torna

BODY ALINK="#......"

Assegna il colore codice "#.....", ai collegamenti appena attivati. Esempio; assegna il colore blu ai collegamenti non ancora visitati, il colore turchese scuro ad un link appena attivato, mentre al resto del testo assegna il colore rosso.
<BODY LINK="#0000FF" ALINK="00CED1" TEXT="#FF0000">
Torna

BLINK

Consente di far lampeggiare il testo racchiuso tra BLINK e /BLINK.
Esempio:testo <BLINK>lampeggiante</BLINK>
testo lampeggiante
Torna

WIDTH=

Assegna la larghezza al riquadro contenente un'immagine. Vedere esempio nella descrizione di HEIGHT=.
Torna

HEIGHT=

Assegna il valore dell'altezza del riquadro contenente un'immagine. Esempio.
Visualizza l'immagine centrata e nelle sue reali dimensioni (320x200):
<IMG SRC="garf.gif">

Visualizza la stessa immagine, centrata e rimpicciolita a meta'.
<IMG SRC="garf.gif" WIDTH=160 HEIGHT=100 >

	Torna

BODY BGCOLOR

Cambia il colore dello sfondo. L'attributo BGCOLOR="#00FF00"> inserito all'interno del comando <BODY, assegna il colore verde allo sfondo.
Esempio: <BODY BGCOLOR="#00FF00" TEXT="#FFFF00">
farà apparire il testo di colore giallo sullo sfondo verde.
Torna

BODY BACKGROUND

Cambia lo sfondo inserendo un'immagine. Potranno essere convertite in .gif le piccole immagini di Windows (p.es. HONEY.BMP, RIVETS.BMP ecc.) Esempio:<BODY BACKGROUND="rivets.gif" TEXT="#FFFF00">
farà apparire il testo di colore giallo sullo sfondo di innumerevoli placchette con quattro chiodi.
Fare attenzione nell'abbinare disegni e colori dello sfondo con il colore del testo per ottenere un buon contrasto e quindi una facile lettura.
Torna

<CENTER>

È il comando per l'allineamento degli elementi della pagina; testo, immagini, tabelle.
Torna

BODY HSPACE=

È un attributo del comando BODY che indica lo spazio orizzontale circostante ad un’immagine, espresso in pixel.
Torna

BODY VSPACE=

È un attributo del comando BODY che indica lo spazio verticale circostante ad un’immagine, espresso in pixel.
Torna

COMMENTO

Con questo comando possono essere inseriti dei commenti che restano nascosti al browser.
Attenzione che i segni sono:
minore punto esclamativo meno (..testo..) meno maggiore
Esempio
<!- togliere i seguenti comandi se non si desidera .... ->
Torna

..... Siete arrivati alla destinazione del collegamento che avete scelto per leggere la curiosità.
Se può essere una curiosità (salvo che non abbiate già visto il source di questo testo), è stato possibile ottenere un 'pulsante’ su cui cliccare, costruendolo come fosse una tabella.
Le istruzioni sono le seguenti:
<TABLE ALIGN=right BORDER=4>........Apertura tabella allineata a dx, bordo 4
<TR> .........................................................Prima riga
<TD> .........................................................Prima casella
<TH> .........................................................Titolo neretto e centrato
<A HREF="#destinaz."> ............................Origine collegam. + etich. per la destinaz.
Torna .........................................................Testo inserito nella casella
</A> ..........................................................Chiusura comando collegamento
</TH> .......................................................Chiusura delimitatore
</TD> .......................................................Chiusura casella
</TR> .......................................................Chiusura riga
</TABLE> .................................................Chiusura tabella

cliccare qui per tornare agli esempi

by i3zdn@gw.ir3ip.ampr.org - Sett.1997

. .

Carattere	C o d i c e	Carattere	C o d i c e	Carattere	C o d i c e
&	&	<	<	>	>
£	£	\|	¦	ª	ª
«	«			°	°
±	±	²	²	³	³
´	´	µ	µ	º	º
»	»	¼	¼	½	½
¾	¾	Ä	Ä	Ç	Ç
Ñ	Ñ	Ü	Ü	ß	ß
â	â	ä	ä	ç	ç
ê	ê	ë	ë	ñ	ñ
ö	ö	÷	÷	ü	ü
§	§	¨	¨	¶	¶

Carattere	C o d i c e	Carattere	C o d i c e	Carattere	C o d i c e
&	&	<	<	>	>
£	£	\|	¦	ª	ª
«	«			°	°
±	±	²	²	³	³
´	´	µ	µ	º	º
»	»	¼	¼	½	½
¾	¾	Ä	Ä	Ç	Ç
Ñ	Ñ	Ü	Ü	ß	ß
â	â	ä	ä	ç	ç
ê	ê	ë	ë	ñ	ñ
ö	ö	÷	÷	ü	ü
§	§	¨	¨	¶	¶

Carattere	C o d i c e	Carattere	C o d i c e	Carattere	C o d i c e
&	&	<	<	>	>
£	£	\|	¦	ª	ª
«	«			°	°
±	±	²	²	³	³
´	´	µ	µ	º	º
»	»	¼	¼	½	½
¾	¾	Ä	Ä	Ç	Ç
Ñ	Ñ	Ü	Ü	ß	ß
â	â	ä	ä	ç	ç
ê	ê	ë	ë	ñ	ñ
ö	ö	÷	÷	ü	ü
§	§	¨	¨	¶	¶