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.


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

<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
<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
<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
<A HREF="URL"> Indica un collegamento esterno <A NAME="etichetta"> Inserisce un ancoraggio per un collegamento interno <A HREF="#etichetta"> Indica un collegamento interno
<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
<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
<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
<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
<!- ...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
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
CarattereC o d i c eCarattereC o d i c eCarattereC o d i c e
&&#038;<&#060;>&#062;
£&#163;|&#166;ª&#170;
«&#171;­&#173;°&#176;
±&#177;²&#178;³&#179;
´&#180;µ&#181;º&#186;
»&#187;¼&#188;½&#189;
¾&#190;Ä&#196;Ç&#199;
Ñ&#209;Ü&#220;ß&#223;
â&#226;ä&#228;ç&#231;
ê&#234;ë&#235;ñ&#241;
ö&#246;÷&#247;ü&#252;
§&#167;¨&#168;&#182;

CODICI COLORI
C o l o r eC o d i c eC o l o r eC o d i c eC o l o r eC o d i c e
Nero#000000Blu#000080Verde#00FF00
Ciano#00FFFFGrigio#2F4F4FCuoio#8B4513
Bruno#A52A2AGiallo#ADFF2FRosa#BC8F8F
Lilla#DDA0DDVioletto#EE82EEAzzurro#F0FFFF
Beige#F5F5DCMenta#F5FFFABianco#FAEBD7
Rosso#FF0000Corallo#FF7F50Arancio#FFA500
Oro#FFD700Giallo#FFFF00Verde#228B22
Blu#0000FFVerde#7CFC00Bianco#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


P

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


BR

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


HR

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


B

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


EM

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


I

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


U

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


UL

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


LI

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.

Torna


OL

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.

  1. Testo alfa
  2. Testo beta
  3. Testo delta
Torna


DL

È 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"

    testo anternativo

    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:

    1. Indicare il riferimento all'indirizzo URL verso cui si intende eseguire il collegamento; <A HREF="http://www.xyz.it" /A>
    2. Richiamare il source dell'immagine; <IMG SRC="nomefile.gif">;
    3. Inserire l'eventuale testo alternativo all'immagine; <ALT="testo alternativo">;
    4. 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ª COLONNATITOLO 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


    TR

    (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


    TD

    (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


    TH

    (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

    Similarmente all'attributo TD COLSPAN=, questo attributo, interviene sull'altezza delle righe. Assegnando un valore ad n, si potrà variare l'altezza delle celle.
    Torna


    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à

    Invia eventuali osservazioni e suggerimenti.
    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

    . .