www.sitopreferito.it

Corso di HTML
Introduzione
Convenzioni
Struttura di base
Scrivere in HTML
Formattazione
Paragrafatura
Immagini
Collegamenti
Liste
Colori e Sfondo
Tabelle
Multimedia
Forms
Imagemap
Frames
Appendice A
Appendice B
Appendice C

HOME

CHAT

WEBCAM

SERVIZI

SPECIALI

CURIOSITA'

BELLEZZE

FORUM

METEO

RUBRICHE

1000LINKS

ANNUNCI GRATUITI

Il portale
della Tua zona

 Appendice "C"

Elenco dei Comandi HTML organizzati per argomento

Strutture di base
         Struttura di base di un documento HTML
Formattazione
         Dal grassetto all'allineamento, dal colore all'impostazione della grandezza del testo
Collegamenti (Link, Hyperlink, Ancore)
         Capire e strutturare i link interni ed esterni dei documenti ipertestuali
Immagini
         Inserimento di immagini, loro dimensione e risoluzione video
Mappe: definizione
         Creare immagini intelligenti!!! , tipi di mappature e programmi di utilità
Liste
         Liste libere, elenchi puntati e numerati, liste composte
Colori e sfondi
         Attributi colore del documento, programmi per gestire colori RGB
Caratteri speciali
         Tabelle di conversione e di consultazione per caratteri latin e simboli di  utilità generica
Moduli (form)
         Tutti i tag per la creazione di form complessi e di acquisizione dati utente
Tabelle
         Uso delle tabelle per presentazione dati e per impaginazioni di alto livello  grafico
Frames
         Divisione e gestione della finestra del browser in porzioni
Varie e curiosità
         Comandi non classificabili nelle sezioni precedenti


Strutture di base

<HTML></HTML>

Inizio e fine di un documento HTML

<HEAD></HEAD>

Intestazione del documento

<TITLE></TITLE>

Titolo del Documento, definito all'interno della sezione <HEAD>

<BODY></BODY>

Corpo del testo, ovvero contenuto del documento vero e proprio che sarà visualizzato all'interno della finestra


Formattazione dei paragrafi e del testo

<P parametri></P>

Definisce un paragrafo

Parametri di <P>

ALIGN=LEFT|CENTER|RIGHT>

Allineamento del testo

<BR>

Interrompe la riga senza necessità di definire un nuovo paragrafo

<HR>

Visualizza una riga orizzontale che può essere personalizzata con i vari parametri

Paramteri di <HR>


ALIGN=LEFT|CENTER|RIGHT

Allineamento della riga rispetto alla finestra

SIZE="x"

Definisce lo spessore della riga in pixel

WIDTH="x|x%"

Definisce la lunghezza della riga in pixel o in percentuale

NOSHADE

Elimina l'effetto 3D

<H1></H1>
<H2></H2>
<H3></H3>
<H4></H4>
<H5></H5>
<H6></H6>

<H?
ALIGN=LEFT|CENTER|RIGHT></H?>

Intestazioni dei paragrafi. Il testo all'interno viene formattato nel carattere corrispondente e gestito autonomamente dal browser. H1 è  il più grande, H6 il più piccolo. Può essere allineato a sinistra, destra o centrata

<DIV ALIGN=LEFT|RIGHT|JUSTIFY|CENTER>
</DIV>

Divide un blocco

<BLOCKQUOTE></BLOCKQUOTE>

Citazioni (rientrato lateralmente)

<EM></EM>

Evidenziato (Emphasized)

<STRONG></STRONG>

Marcato

<CITE></CITE>

Citazione

<CODE></CODE>

Codice

<SAMP></SAMP>

Esempio (Sample)

<KBD></KBD>

Input da tastiera (a spaziatura fissa)

<VAR></VAR>

Variabile

<DFN></DFN>

Definizione

<ADDRESS></ADDRESS>

Indirizzo

<BIG></BIG>

Font più grande

<SMALL></SMALL>

Font più piccolo

<B></B>

Grassetto (Bold)

<I></I>

Corsivo (Italic)

<U></U>

Sottolineato (Underlined)

<S></S>

Depennato (Strikeout) (con una riga orizzontale in mezzo ai caratteri)

<SUP></SUP>

Apice

<SUB></SUB>

Pedice

<TT></TT>

Font non scalabile (come la macchina da scrivere)

<PRE WIDTH="numero"></PRE>

Preformattato (mantiene la formattazione data nel documento, quindi i vari spazi ridondanti, CR, LF ecc.)

<CENTER></CENTER>

Centra il testo

<BLINK></BLINK>

Lampeggiante

<FONT   FACE="Verdana,Arial,Helvetica,Geneva" SIZE="numero da  1 a 7 oppure +/->     BASEFONT SIZE="numero da 1 a 7"   COLOR="#RRGGBB"> </FONT>

Specifica il Font da utilizzare e, nell'ordine, il tipo, la grandezza (default=3), la grandezza del font standard ed il colore

  


Link ed ancore

<A HREF="url#ancora"></A>

Attiva un collegamento (link) alla url indicata e, nel caso sia specificata  anche un'ancora (#ancora) si posiziona direttamente su di essa. Se viene  omessa l'"url" e viene scritta solo l'ancora, allora il browser si posiziona  nel documento corrente all'ancora specificata

Parametri

TARGET="tgt"

Specifica in quale finestra del browser deve essere aperta l'url indicata nell'HREF.

La destinazione "tgt" può essere:

  • _blank
    la pagina collegata sarà visualizzata in una nuova finestra a schermo intero in una nuova sessione del browser.
  • _top
    la pagina sarà visualizzata a tutto schermo, eliminando quindi ogni composizione in frames.
  • _parent
    la pagina sarà visualizzata nel frame "parent" in cui FRAMESET in cui è presente la finestra in cui si trova l'ancora.
  • _self
    la pagina sarà visualizzata nella finestra corrente, cioè quella  in cui è presente il link. Impostazione di default. il nome di un frame
    la pagina sarà visualizzata nel frame indicato

<A NAME="ancora"></A>

Definizione di ancora. Il nome viene associato al testo contenuto all'interno  del comando dove il browser si posizionerà quando verrà richiamata un ancora con HREF=...

 


Immagini
 

<IMG SRC="url" parametri>

Inserisce una immagine nel testo

Parametri

ALT="nome_alternativo"

Indica il nome da visualizzare qualora nel browser sia impossibile o  inibita la visualizzazione delle immagini

ALIGN="allineamento"

dove allineamento può essere:

  • LEFT
  • RIGHT
  • TOP
  • BOTTOM
  • MIDDLE
  • TEXTTOP
  • ABSMIDDLE
  • BASELINE

Allinea l'immagine secondo quanto specificato

ISMAP

Informa il browser che deve usare una mappa per l'immagine specificata

USEMAP="url#nome_mappa"

Indica il nome del documento HTML ove è situata la definizione  della mappa ed il suo nome

WIDTH="numero|n%"

Definisce la larghezza dell'immagine in pixel od in percentuale rispetto alle dimensioni originali

HEIGHT="numero|n%"

Definisce l'altezzadell'immagine in pixel od in percentuale rispetto alle dimensioni originali

BORDER="x"

Definisce lo spessore in pixel del bordo dell'immagine. Se x=0 non viene  visualizzato alcun bordo

LOWSRC="url"

Indica il nome di una immagine, normalmente a bassa risoluzione, da  visualizzare prima di quella definita con SRC=

HSPACE="x"

Definisce la spaziatura orizzontale in pixel rispetto ai bordi dell'immagine

VSPACE="x"

Definisce la spaziatura verticale in pixel rispetto ai bordi dell'immagine


Mappe cliccabili
 

<MAP NAME=nome"></MAP>

Definisce il nome della mappa ed al proprio interno contiene i successivi comandi per la definizione delle aree definite "cliccabili" e collegate ad  "url".

<AREA parametri>

Definisce le varie aree su cui si può cliccare per attivare il collegamento.

Parametri di <AREA>

SHAPE="tipo"
COORDS="coordinate"

Il "tipo" di area può essere differente ed a seconda di esso si esprimono differenti "coordinate" nell'attributo COORDS=:

  • RECT
    è rettangolare e devono essere indicate le coordinate dei vertici x1,y1,x2,y2
  • CIRCLE
    è circolare e devono essere indicate le coordinate del centro e di un punto di tangenza xc,yc,xt,yt della circonferenza
  • POLYGON
    è a forma di poligono irregolare e devono essere indicate le coordinate  di ciascun vertice dello stesso x1,y1,x2,y2,...xn,yn,x1,y1 avendo cura di  specificare come ultimo punto il primo indicato in maniera di chiudere la figura

HREF="url"|NOHREF

HREF specifica l'url al quale ci si dovrà spostare non appena  cliccato sulla mappa.

 


Liste

<UL>
<LI>
<LI>
...
</UL>

Definisce una lista non ordinata nè numerata.  <UL></UL> definisce l'inizio e la fine della lista. <LI> definisce invece ogni singolo elemento della stessa 

Parametri di <UL> e <LI>

Definisce il tipo di punto elenco che si vuole avere che vale per tutta la lista

TYPE=DISC|CIRCLE|SQUARE>

Definisce il tipo di punto elenco che si vuole avere. Se è applicato   ad <UL> vale per tutti gli elementi della lista, se a  <LI> vale per tutti gli elementi successivi.

<OL>
<LI>
<LI>
...
</OL>

Definisce una lista ordinata. <OL></OL> definisce l'inizio e la fine della lista. <LI> definisce invece ogni singolo elemento della stessa 

Parametri di <OL><LI>

TYPE=A|a|I|i|1

Definisce con quale tipo di carattere/numero deve essere numerata la lista. Se è applicato  ad <OL> vale per tutti gli elementi della lista, se a <LI> vale per tutti gli elementi successivi.

VALUE="x"

Definisce il valore di partenza della lista.Se è applicato  ad <OL> vale per il primo elemento  ed i seguenti, se a <LI>  vale per se stesso e gli elementi successivi.

<DL>
<DT>
<DD>
...
<DT>
<DD>
</DL>

E' una lista di definizione, e quindi fermo restando che <DL></DL> definisce l'inizio e la fine, <DT> si indica  il testo di cui si vuole dare la definizione con <DD>. Ciò che  segue quest'ultimo comando, sarà leggermente indentato rispetto a quello definito da <DT>


Colori e Sfondo

Colore di sfondo

<BODY BGCOLOR="#$$$$$$">

(in ordine di RGB)

colore dei collegamenti

<BODY LINK="#$$$$$$">

colore dei collegamenti visitati

<BODY VLINK="#$$$$$$">

colore del testo

<BODY TEXT="#$$$$$$">

colore del collegamento in corso

<BODY ALINK="#$$$$$$">

immagine di sfondo

<BODY BACKGROUND="URL">

 


Moduli

Per ottenere risposte ottimali occorre uno script di tipo cgi sul server oppure si puo' usare il mailto: abbinato al POST
Script di tipo mail si possono trovare facilmente e gratuitamente in vari server Internet, con allegata documentazione per l'uso.

Definizione

<FORM ACTION="URL" METHOD=GET|POST></FORM>

Upload di file

<FORM ENCTYPE="multipart/form-data"></FORM>

Campo di immissione

<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET">

Nome campo

<INPUT NAME="$$$$">

Valore del campo

<INPUT VALUE="$$$$">

Lunghezza massima

<INPUT MAXLENGTH=?>

(in caratteri)

Selezionato di default

<INPUT CHECKED>

(checkbox e radio)

Grandezza

<INPUT SIZE=?>


Selezione elenco delle opzioni

<SELECT></SELECT>

Nome campo

<SELECT NAME="$$$$"></SELECT>

Numero opzioni

<SELECT SIZE=?></SELECT>

Selezione multipla

<SELECT MULTIPLE>

(per selezionare più di 1 elemento)

Opzioni

<OPTION>

(elementi che possono essere selezionati)

Opzione di default

<OPTION SELECTED>

Finestra di immissione

<TEXTAREA ROWS=? COLS=?></TEXTAREA>

Nome del campo

<TEXTAREA NAME="$$$$"></TEXTAREA>

A capo automatico in diversi modi

<TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>

 


 Tabelle

Definizione tabella

<TABLE></TABLE>

Bordo

<TABLE BORDER></TABLE>

(per visualizzare il bordo)

Si puo' impostare lo spessore del bordo

<TABLE BORDER=?></TABLE>

(per indicare lo spessore)

Spazio tra le celle

<TABLE CELLSPACING=?>

Spazio tra testo e bordo

<TABLE CELLPADDING=?>

Larghezza tabella

<TABLE WIDTH=?>

(in pixel)

Larghezza tabella in %

<TABLE WIDTH=%>

(percentuale della pagina)

Riga

<TR></TR>

Allineamento

<TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

Campo dati

<TD></TD>

(definita dentro una definizone di riga)

Allineamento

<TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>

No interruzione

<TD NOWRAP>

Colonne da occupare

<TD COLSPAN=?>

Righe da occupare

<TD ROWSPAN=?>

Larghezza desiderata

<TD WIDTH=?>

(in pixel)

Larghezza desiderata in %

<TD WIDTH=%>

(percentuale della tabella)

Titolo della colonna

<TH></TH>

(come <TD>, ma in neretto e centrata)

Legenda della tabella

<CAPTION></CAPTION>

Allineamento

<CAPTION ALIGN=TOP|BOTTOM>

(sopra o sotto la tabella)


Frame

Divisione e gestione di parti della finestra del browser

Documento FRAME

<FRAMESET></FRAMESET>

(al posto di <BODY>)

altezza in righe

<FRAMESET ROWS=,,,></FRAMESET>

(pixel o %)

altezza in righe

<FRAMESET ROWS=*></FRAMESET>

(* = misura relativa)

larghezza in colonne

<FRAMESET COLS=,,,></FRAMESET>

(pixel o %)

larghezza in colonne

<FRAMESET COLS=*></FRAMESET>

(* = misura relativa)

Definizione

<FRAME>

(contenuto di ogni singolo quadro)

Gestione dei bordi

<FRAME BORDER=Yes | No Bordercolor="RGB">

Presente sia in FRAMES che in FRAMESET

Bordo in Frameset

<FRAMESET Bordercolor="canale RGB">

Gestione dei Margini

<FRAME MARGIN="xx,yy">

Visualizza documento

<FRAME SRC="URL">

Nome del frame

<FRAME NAME="$$$$"|_blank|_self|_parent|_top >

Larghezza margine

<FRAME MARGINWIDTH=?>

(margine destro e sinistro)

Altezza margine

<FRAME MARGINHEIGHT=?>

(margine alto e basso)

Barra di scorrimento?

<FRAME SCROLLING="YES|NO|AUTO>

Misure non modificabili

<FRAME NORESIZE>

Contenuto in assenza di frame

<NOFRAMES></NOFRAMES>

(per i browser che non supportano FRAME)


Target (Destinazione dei Link)

target in una definiz. di ancora

< A HREF="url" TARGET="nome_finestra">Ancora di destinazione </A>

Visualizza il link nella finestra indicata nel target

target di base

< BASE TARGET="nome_finestra">

Imposta di default la finestra indicata nel target

target in una mappa

< AREA SHAPE="shape" COORDS="x,y,..."> TARGET="finestra_destinazione">

Visualizza il link risulatto dalla mappa nella finestra indicata dal target

target in un form

< FORM ACTION="url" TARGET="nome_finestra">

Visualizza il risultato del form nella finestra indicata nel target

Target Speciali

TARGET="_blank"

Visualizza il link in nuova finestra vuota

Target Speciali

TARGET="_self"

link nella stessa finestra

Target Speciali

TARGET="_parent"

link nella finestra parente. Se non esiste diventa come _self

Target Speciali

TARGET="_top"

link nella stessa finestra ma a tutto schermo


Varie
 

Mulicolonne

<MULTICOL COLS="$$" GUTTER="$$" WIDTH="$$">

Imposta più colonne definendo il numero di colonne, la spaziatura e la larghetta fissa o in percentuale

Relazioni

<LINK REV="$$$$" REL="$$$$" HREF="URL">

(nella testata)

Meta Informazioni

<META>

(deve essere nella testata)

Commenti

<!-- $$$$ -->

(non visualizzati dal browser)

Prologo

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">

Prologo

<!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN">

Prologo

<!DOCTYPE HTML PUBLIC "-//microsoft corp.//DTD HTML //EN">

Ricerca

<ISINDEX>

(indica che è un documento collegato ad un database indicizzato  in cui è possibile fare ricerche)

Domanda

<ISINDEX PROMPT="$$$$">

(testo da anteporre alla casella di inserimento)

Invio ricerca

<A HREF="URL?$$$$"></a>

(usare il punto di domanda)

URL base di questo file

<BASE HREF="URL">

(deve essere nella testata)

PRIVACY POLICY | NOTE LEGALI

Home | Chat | Bellezze | Forum | Webcam | Meteo | Servizi | Rubriche | Speciali | 1000Links | Curiosità | Annunci Gratuiti

 

Per informazioni o suggerimenti sulla realizzazione del sito scrivere a webmaster@sitopreferito.it
Copyright (c)2002-2004 Tecno Idee srl
Per la pubblicità su questo sito:
info@sitopreferito.it

 

I loghi, le immagini e i marchi riportati nel sito e nelle vetrine sono di proprietà dei rispettivi proprietari
E' vietata la riproduzione totale o parziale del sito