Forum di AAC   |      Messaggi privati   |      English



ArcadiA Club
ArcadiA Club






Home Page   Home Page
programmazione.htm   Programmazione - FORUM sezione  Vai al FORUM
 
Username:
Password:
Iscriviti!  |  Recupero password



Iscriviti GRATIS, potrai navigare senza questa
fascia e accedere a contenuti esclusivi:

    E-Mail:

Password:



 
 
 
- Gli elementi di HTML 4.01 -
 
COSA SERVE PER QUESTO TUTORIAL
Chiedi sul FORUM | Glossario un editor di testo
Spiegazione e dettagli su tutti gli elementi di HTML

LISTA ELEMENTI E TAG
Gli elementi HTML dalla A alla VAR.

Gli elementi previsti in HTML 4.01 sono i seguenti:

  • A: elemento anchor, crea un collegamento ipertestuale sul suo contenuto che porta all'URI specificato nell'attributo href; inoltre, se dotato di attributo name funge da segnalibro (un identificatore di posizione) all'interno della pagina HTML raggiungibile tramite un URI come http://www.sito.com/pagina.htm#nameDellAnchor;

  • ABBR: indica che il testo che contiene è un'abbreviazione (ad esempio "dott.", "ecc.", "ing." e così via) la cui forma estesa può essere specificata nell'attributo title;

  • ACRONYM: indica che il testo che contiene è un acronimo (come WWW, HTTP, AVIS e così via) la cui forma estesa può essere specificata nell'attributo title;

  • ADDRESS: indica che il testo che contiene sono informazioni di contatto correlate con il documento o con una parte di esso;

  • APPLET (deprecato, permesso solo nel DTD Transitional): include una applet Java, il suo utilizzo è oggi sconsigliato in favore dell'elemento OBJECT; il testo contenuto deve essere ignorato dai browser che supportano Java;

  • AREA (elemento vuoto, nessun tag di chiusura): definisce un'area di una mappa di un'immagine (deve essere contenuto in un elemento MAP); l'area può essere un rettangolo, un cerchio o un poligono (attributo shape) le cui dimensioni sono specificate tramite l'attributo coords; se dotata di attributo href indica un collegamento ipertestuale per quell'area dell'immagine;

  • B: indica che il testo che contiene deve essere visualizzato in grassetto;

  • BASE (elemento vuoto, nessun tag di chiusura): elemento che stabilisce tramite l'attributo href l'URI da cui partire per risolvere gli URI relativi invece dell'URI della pagina corrente (comportamento predefinito); è anche possibile specificare l'attributo target per indicare il frame verso il quale i link di default punteranno;

  • BASEFONT (elemento vuoto, nessun tag di chiusura, deprecato, permesso solo nel DTD Transitional): imposta tramite l'attributo size la dimensione predefinita del testo in relazione alla quale gli elementi FONT si comporteranno (il che vuol dire che un elemento FONT con size uguale a 2 sarà reso come la grandezza specificata in BASEFONT più 2);

  • BDO: disattiva l'algoritmo della direzione di lettura del testo delegando la sua gestione al contenuto;

  • BIG: indica che il testo che contiene deve essere visualizzato a grandi dimensioni;

  • BLOCKQUOTE: indica una citazione lunga, ovvero un paragrafo (in opposizione all'elemento Q che è utilizzato per le citazioni in-line); in genere questo elemento è reso come un paragrafo con un rientro; l'attributo cite può essere utilizzato per inserire un URI di riferimento alla fonte della citazione;

  • BODY (tag di inizio opzionale, tag di chiusura opzionale): indica il corpo del documento che conterrà tutto ciò che dovrà essere letto, disegnato e così via;

  • BR (elemento vuoto, nessun tag di chiusura): forza la terminazione di una linea di testo;

  • BUTTON: elemento che indica un pulsante come quelli creati tramite INPUT ma che permette un contenuto grafico avanzato, è possibile ad esempio inserire immagini, formattazione e altro; come per l'elemento INPUT è possibile specificare name, value e type (submit, reset e button);

  • CAPTION: appena dopo l'apertura di un elemento TABLE indica una descrizione per il contenuto della tabella

  • CENTER (deprecato, permesso solo nel DTD Transitional): corrisponde esattamente ad un DIV con attributo align su center;

  • CITE: indica che il testo che contiene è una citazione o un riferimento ad altre fonti;

  • CODE: indica che il testo che contiene è un frammento di codice di ambito informatico;

  • COL (elemento vuoto, nessun tag di chiusura): posto all'inizio di una tabella indica una serie di attributi comuni per tutte le celle di una colonna; gli effetti di uno stesso elemento COL possono essere estesi a più colonne tramite l'attributo span;

  • COLGROUP (tag di chiusura opzionale): posto all'inizio di una tabella indica una serie di attributi comuni per tutte le celle di una colonna; gli effetti di uno stesso elemento COLGROUP possono essere estesi a più colonne tramite l'attributo span; questo elemento al contrario di COL raggruppa più colonne, infatti è possibile stabilire un comportamento generico per un certo numero di colonne e poi sovrascriverlo tramite un sottoelemento COL;

  • DD (tag di chiusura opzionale): indica che il testo che contiene è la definizione del termine contenuto nell'ultimo elemento DT; deve essere contenuto in un elemento DL;

  • DEL: indica che il testo che contiene è stato eliminato durante una revisione del documento; è possibile specificare l'ora della modifica e un URL con le motivazioni rispettivamente tramite gli attributi datetime e cite;

  • DFN: indica che il testo che contiene è una definizione;

  • DIR (deprecato, permesso solo nel DTD Transitional): definisce una lista di cartelle a più colonne, in pratica del tutto corrispondente a UL;

  • DIV: definisce un elemento blocco (al contrario di SPAN che è in-line) senza caratteristiche particolari; utile per aggiungere struttura, raggruppare e quindi formattare tramite CSS;

  • DL: crea una lista di definizioni formata da coppie di elementi DT e DL;

  • DT (tag di chiusura opzionale): indica che il testo che contiene è un termine che sarà definito tramite un elemento DD; deve essere contenuto in un elemento DL;

  • EM: indica che il testo che contiene deve essere messo in evidenza (in genere è reso tramite il corsivo);

  • FIELDSET: raggruppa elementi di un form di un certo tipo (ad esempio potrebbe raggruppare la caselle di testo necessarie per specificare un indirizzo); è possibile specificarne una descrizione aggiungendo il sotto-elemento LEGEND; i FIELDSET sono in genere resi dai browser come un riquadro dotato di titolo (il testo contenuto in LEGEND appunto); deve essere contenuto in un elemento FORM;

  • FONT (deprecato, permesso solo nel DTD Transitional): specifica dimensioni (attributo size), colore (attributo color) e carattere (attributo face) del testo contenuto;

  • FORM: contiene una serie di controlli (caselle di testo, caselle a discese, pulsanti, liste e così via) che creano una serie di coppie nome-valore che verranno inviate al server all'URL specificato nell'attributo action secondo le modalità dell'attributo method e con la codifica dell'attributo accept-charset; per ulteriori informazioni fare riferimento all'articolo sui form;

  • FRAME (elemento vuoto, nessun tag di chiusura, solo nel DTD Frameset): indica un frame, ovvero una parte della pagina (in alto, in basso, a desta, a sinistra ma anche in maniera più articolata) in cui viene caricato l'URL specificato nell'attributo src; deve essere contenuto in un elemento FRAMESET;

  • FRAMESET (solo nel DTD Frameset): elemento che raggruppa più frame assieme e può contenere se stesso, serve in sostanza per dividere la pagina in più riquadri a loro volta divisi in frame;

  • H1: indica un blocco contenente un titolo di primo livello (il più importante);

  • H2: indica un blocco contenente un titolo di secondo livello;

  • H3: indica un blocco contenente un titolo di terzo livello;

  • H4: indica un blocco contenente un titolo di quarto livello;

  • H5: indica un blocco contenente un titolo di quinto livello;

  • H6: indica un blocco contenente un titolo di sesto livello (il meno importante);

  • HEAD (tag di inizio opzionale, tag di chiusura opzionale): elemento che contiene meta-informazioni sul documento HTML come il titolo, l'autore, parole chiave e così via; deve sempre essere presente e contenere un elemento TITLE;

  • HR (elemento vuoto, nessun tag di chiusura): indica una linea orizzontale;

  • HTML (tag di inizio opzionale, tag di chiusura opzionale): elemento principale di qualunque documento HTML che deve contenere un elemento HEAD e un elemento BODY;

  • B: indica che il testo che contiene deve essere visualizzato in corsivo;

  • IFRAME (solo nel DTD Transitional): indica un frame non ancorato, ovvero un riquadro in cui deve essere caricato l'URL specificato nell'attributo src; al contrario di un elemento FRAME (che indica una specifica parte della finestra), un IFRAME può essere posizionato ovunque come un qualsiasi elemento blocco;

  • IMG (elemento vuoto, nessun tag di chiusura): indica un'immagine, che viene specificata nell'attributo src; è obbligatorio specificare un breve testo alternativo nell'attributo alt;

  • INPUT (elemento vuoto, nessun tag di chiusura): indica un campo di input di vario tipo (nascosto, testuale, testuale per password, casella a discesa, lista, casella di opzione, upload di file) oppure un pulsante (normale, per l'invio di un form o per resettarne i campi);

  • INS: indica che il testo che contiene è stato inserito durante una revisione del documento; è possibile specificare l'ora della modifica e un URL con le motivazioni rispettivamente tramite gli attributi datetime e cite;

  • ISINDEX (elemento vuoto, nessun tag di chiusura, deprecato, permesso solo nel DTD Transitional): elemento che crea una casella di testo con opzionalmente un testo descrittivo (attributo prompt); quando l'utente digita un testo nella casella e preme invio viene reindirizzato all'URL corrente con query-string (la parte dell'URL dopo il punto interrogativo) il testo in questione (es. http://www.arcadiaclub.com/pagina.htm?testoDigitatoDallUtente);

  • KBD: indica che il testo che contiene è un input dell'utente (in genere è reso con un carattere a larghezza fissa);

  • LABEL: indica che il testo che contiene è un'etichetta da associare al controllo (tipicamente una casella di opzione) con ID uguale a quello specificato nell'attributo for (in genere permette di attivare il controllo cliccandoci e viene circondata da una rettangolo tratteggiato);

  • LEGEND: all'interno di un elemento FIELDSET permette di specificarne il titolo che verrà in genere reso in alto a destra interrompendo il bordo del riquadro;

  • LI (tag di chiusura opzionale): indica un elemento di una lista (sia essa una lista ordinata OL o una lista non ordinata UL);

  • LINK (elemento vuoto, nessun tag di chiusura): all'interno dell'elemento HEAD, indica un collegamento tra un documento e un altro; il collegamento è definito da un URL specificato nell'attributo href; i tipi di collegamenti possono essere vari e uno stesso tipo di link può apparire più volte con indirizzi diversi per dispositivi diversi tramite l'attributo media (ad esempio è possibile associare un foglio di stile diverso per un proiettore, per un cellulare, per un sintetizzatore vocale e così via); i tipi di collegamenti (specificati tramite l'attributo rel) possono essere fogli di stile, relazioni del tipo "pagina successiva", "pagina precedente", "indice", "appendice" e così via; è inoltre possibile specificare una relazione inversa (ad esempio nel documento A è possibile specificare che cosa il documento A è per il documento B) tramite l'attributo rev;

  • MAP: crea una mappa per un elemento IMG, OBJECT o INPUT; una mappa permette di identificare varie aree di un'immagine in modo da renderle interattive (è possibile ad esempio attribuirgli un collegamento); questo elemento può contenere solamente o elementi A o elementi AREA; per associare una mappa ad un IMG è necessario specificare per l'elemento IMG l'attributo usemap sul nome (attributo name) dell'elemento MAP preceduto da un cancelletto (es. usemap="#miamappa"); se l'elemento contiene degli anchor (elemento A) dovranno essere dotati di attributi per definire l'area dell'immagine;

  • MENU (deprecato, permesso solo nel DTD Transitional): definisce un menu a colonna singola, in pratica del tutto corrispondente a UL;

  • META (elemento vuoto, nessun tag di chiusura): specifica informazioni generiche a riguardo del documento come autore, data di scadenza della pagina, parole chiave e così via; associa ad un nome (attributo name, o anche http-equiv in caso si stia specificando un header HTTP) ad un valore (attributo content); in caso l'informazione in questione sia un URL è preferibile servirsi dell'elemento LINK;

  • NOFRAMES (solo nel DTD Frameset): indica il testo da mostrare ai browser non in grado di utilizzare i frame; gli altri browser semplicemente ignorano questo elemento; questo elemento non dovrebbe mostrare un messaggio di errore ma un rendering alternativo;

  • NOSCRIPT (solo nel DTD Frameset): indica il testo da mostrare ai browser che non supportano scripting; gli altri browser semplicemente ignorano questo elemento; questo elemento non dovrebbe mostrare un messaggio di errore ma un rendering alternativo;

  • OBJECT: indica un'area in cui devono essere resi dei dati tramite una particolare applicazione; la locazione dell'applicazione e dei dati sono specificati tramite un URL rispettivamente nell'attributo classid e data; questo elemento può contenere vari elementi PARAM per specificare dei parametri da passare all'applicazione o un altro elemento OBJECT alternativo in caso non fosse possibile utilizzare quello specificato;

  • OL: indica una lista ordinata (ovvero numerata); può contenere vari elementi LI; il conteggio inizia dal valore specificato nell'attributo start;

  • OPTGROUP: indica un gruppo di opzioni di un elemento SELECT, i browser in genere rendono questo elemento come una voce di intestazione al gruppo di OPTION in questione il cui testo è impostato tramite l'attributo label; questa voce non è selezionabile e viene resa in grassetto corsivo;
     
  • OPTION (tag di chiusura opzionale): indica una voce di una casella a discesa SELECT, contiene il testo da mostrare; se l'elemento OPTION è dotato di attributo selected allora si tratta della voce predefinita; se selezionato e all'interno di un form alla pagina di destinazione verrà inviato il testo dell'attributo value;
     
  • P (tag di chiusura opzionale): indica un paragrafo, che può contenere testo e altri elementi a livello blocco;
     
  • PARAM (elemento vuoto, nessun tag di chiusura): all'interno di un elemento APPLET o OBJECT indica una coppia nome-valore (rispettivamente attributi name e value) che verranno passati all'oggetto; è possibile specificare dettagli sul tipo di parametro tramite gli attributi type e valuetype;
     
  • PRE: indica che il testo che contiene è preformattato, questo significa che il browser mostrerà il testo con un carattere a larghezza fissa, non contrarrarà spazi vuoti consecutivi in uno spazio vuoto unico e disabiliterà la funzione "a capo automatico" (word-wrap);
     
  • Q: indica una citazione in-line (al contrario di BLOCKQUOTE, che è a livello di blocco); in teoria questo elemento dovrebbe essere reso con delle virgolette iniziali e di chiusura ma in realtà i browser non tutti applicano alcuna formattazione specifica; l'attributo cite può essere utilizzato per inserire un URI di riferimento alla fonte della citazione;
     
  • S (deprecato, permesso solo nel DTD Transitional): indica che il testo contenuto deve essere visualizzato barrato (equivalente a STRIKE);
     
  • SAMP: indica un esempio di risultato (output) di un programma, di uno script e così via; viene reso dai browser in maniera simile a CODE, ovvero con un carattere a larghezza fissa;
     
  • SCRIPT: indica uno script nel linguaggio specificato dall'attributo language e dal content-type specificato nell'attributo type; in genere contengono codice JavaScript; se questo elemento è dotato dell'attributo src allora il suo contenuto viene ignorato e viene richiesta la risorsa specificata, altrimenti viene eseguito lo script contenuto dell'elemento stesso;
     
  • SELECT: indica un campo di input a più opzioni mostrate come casella a discesa (se l'attributo size è impostato a 1) o una casella a lista (del numero di righe specificato dall'attributo size); se si trova all'interno di un form, l'attributo name indica il nome del valore che verrà inviato alla pagina di destinazione, il valore è invece determinato dall'attributo value dell'elemento OPTION selezionato quando viene inviato il form; se è presente l'attributo multiple, allora è possibile selezionare più voci contemporaneamente (in questo caso verranno trasmesse alla pagina di destinazione del form tante coppie nome-valore quante sono state selezionate nella casella, dove il nome resta costante);
     
  • SMALL: indica che il testo che contiene deve essere visualizzato a piccole dimensioni;
     
  • SPAN: definisce un elemento in-line (al contrario di DIV che è a livello di blocco) senza caratteristiche particolari; utile per aggiungere struttura, raggruppare e quindi formattare tramite CSS;
     
  • STRIKE (deprecato, permesso solo nel DTD Transitional): indica che il testo contenuto deve essere visualizzato barrato (equivalente a S);
     
  • STRONG: indica che il testo che contiene deve essere visualizzato con enfasi, in genere è reso dai browser come grassetto;
     
  • STYLE: all'interno dell'elemento HEAD indica un foglio di stile del tipo specificato dall'attributo type e destinato ad essere visualizzato sul dispositivo specificato nell'attributo media; in genere contiene un foglio di stile CSS;
     
  • SUB: indica che il testo che contiene deve essere visualizzato a pedice (ovvero leggermente in basso e di dimensioni inferiori);
     
  • SUP: indica che il testo che contiene deve essere visualizzato ad apice (ovvero leggermente rialzato e di dimensioni inferiori);
     
  • TABLE: indica una tabella; una tabella è formata da una didascalia (elemento CAPTION), da una o più righe di intestazione (elemento THEAD), il corpo della tabella (elemento TBODY) e infine una o più righe di chiusura (elemento TFOOT); ogni riga è delimitata dall'elemento TR che contiene una  più celle (elementi TD, o elementi TH per le celle d'intestazione); è possibile specificare una breve descrizione della tabella nell'attributo summary;
     
  • TBODY (tag di inizio opzionale, tag di chiusura opzionale): indica il corpo di una tabella; usato molto di rado in quanto del tutto superfluo;
     
  • TD (tag di chiusura opzionale): all'interno di un elemento TR indica una cella; è possibile espandere una cella su più righe o più colonne, rispettivamente tramite gli attributi rowspan e colspan;
     
  • TEXTAREA: indica una casella di testo a più linee (multiline) del numero di righe e colonne specificate rispettivamente negli attributi rows e cols; se all'interno di un form, l'attributo name insieme al contenuto dell'elemento forma una coppia nome-valore che verrà inviata alla pagina di destinazione;
     
  • TFOOT (tag di chiusura opzionale): indica le righe di chiusura della tabella;
     
  • TH (tag di chiusura opzionale): del tutto equivalente a TD ma dedicata alle celle d'intestazione;
     
  • THEAD (tag di chiusura opzionale): indica le righe di intestazione della tabella;
     
  • TITLE: indica il titolo della pagina;
     
  • TR (tag di chiusura opzionale): riga di una tabella che può contenere una o più celle (elementi TD, o elementi TH per le celle d'intestazione);
     
  • TT: indica che il testo che contiene deve essere visualizzato con un carattere a larghezza fissa (TT sta per teletype, ovvero il dispositivo del telegrafo);
     
  • U (deprecato, permesso solo nel DTD Transitional): indica che il testo contenuto deve essere visualizzato sottolineato;
     
  • UL: indica una lista non ordinata; può contenere vari elementi LI; l'attributo type permette di specificare quale tipo di marcatore di linea utilizzare;
     
  • VAR: in ambito informatico/matematico, indica una variabile o l'argomento di una funzione; la maggior parte dei browser rende questo elemento tramite un carattere corsivo;

<< INDIETRO by VeNoM00  


Video collegati Visualizza i video di questa pagina
Visualizza video sull'argomento "lista".
Visualizza video sull'argomento "elementi".
Visualizza video sull'argomento "html".
Visualizza video sull'argomento "lista elementi tag html".


Dì la tua: cosa ne pensi?
Esponi il tuo punto di vista e condividilo con migliaia di persone

Oggetto nuova discussione:


Testo del messaggio:

E-Mail:

Quanto fa più dieci:




Una discussione di questa sezione

TeamViewer: un'applicazione utile, efficace e gratuita

Quante volte ci è capitato di avere un problema improvviso al pc e di non avere idea di dove mettere le mani per risolverlo? Oppure non è raro, soprattutto in ufficio, di dover svolgere in fretta determinati lavori e trovarsi in difficoltà di fronte ai passaggi più complicati senza avere l'opportunità di ricevere aiuto? Tutto ciò potrebbe diventare soltanto un lontano ricordo grazie ad una...

LEGGI TUTTA LA DISCUSSIONE


Risposta 1

Grazie del link, la prossima volta che la mia ragazza non saprà come fare una cosa al pc, invece di impazzire al telefono con spiegazioni insensate le farò vedere tutto direttamente sul suo pc!:D

LEGGI TUTTE LE RISPOSTE


Risposta 2

Forte! Mi associo a spikeloris4, ho già testato il tutto!

LEGGI TUTTE LE RISPOSTE

 





^ TOP  
Linkaci | Segnala errore | Invita | Stampa


pubblicità | regole | visione | diritti | ufficio stampa | donazioni | scrivici
© 1999-2012 - P.IVA 02284690035 - Grafica, layout e contenuti sono di esclusiva proprietà di ArcadiA Club.

Powered by:
Spazi pubblicitari di alto livello
 

Compra in un click! | Cerca prodotti in offerta: