Webdesign Tutorial: Tutti i tag HTML e i loro attributi.

!doctype: in teoria richiesto, per indicare la versione di HTML utilizzata

A: per creare collegamenti e ancore

• accesskey: per aggiungere una scorciatoia da tastiera a un collegamento
• href: per specificare l’URL di una pagina o il nome dell’ancora alla quale conduce il collegamento
• name: per marcare l’area specifica della pagina a cui porta un collegamento
• tabindex: per definire l’ordine di selezione dei collegamenti e degli elementi di un modulo utilizzando il tasto TAB
• target: per specificare una particolare finestra o un frame per un collegamento

ABBR: per spiegare il significato di un abbreviazione

ACRONYM: per spiegare il significato di un acronimo

ADDRESS: per formattare l’indirizzo e-mail del designer del sito

APPLET: per inserire un applet

• code: per specificare l’URL del codice dell’applet
• width, height: per specificare altezza e larghezza dell’applet
• area: per specificare le coordinate delle immagini a ma
• accesskey:per aggiungere una scorciatoia da tastiera a una regione dell’immagine a mappa
• alt: per fornire informazioni su un area
• coords: per fornire le coordinate di un’area in un’immagine a mappa
• href: per specificare l’URL di destinazione di un collegamento in un’immagine a mappa
• nohref: per rendere senza effetti il clic di un immagine a mappa
• shape: per specificare la forma di un’area in un’immagine a mappa
• target: per specificare la finestra o il frame in cui devono essere mostrati

B: per il testo in grassetto

BASEFONT: per specificiare il carattere di default della pagina

• color: per specificare il colore del testo
• face: per specificare il carattere del testo
• size: per specificare la dimensione del testo

BGSOUND: per inserire suoni di sfondo

• loop: per specificare quante volte un suono debba essere ripetuto
• src: per specificare l’URL di un suono

BIG: per rendere il testo più grande di quello circostante

BLINK: per rendere il testo lampeggiante

BLOCKQUOTE: per impostare un blocco di testo rientrato a destra e a sinistra in una pagina

BODY: per definire la sezione principale della pagina

• alink, link, vlink: per specificare il colore dei collegamenti attivi, nuovi e visitati
• background: per specificare un’immagine di sfondo
• bgcolor: per specificare il colore di sfondo
• leftmargin, topmargin: per specificare il margine sinistro e quello superiore
• text: per specificare il colore del testo

BR: per creare un’interruzione di riga

BUTTON: per creare pulsanti

• acceskey: per aggiungere una scorciatoia da tastiera a un pulsante
• disabled: per disattivare un pulsante quando avviene un evento particolae
• name: per identificare pulsanti
• type: per usare un pulsante come elemento di un modulo
• value: per specificare che tipo di pulsante creare

CAPTION: per creare il titolo di una tabella
align: per posizionare il titolo sopra o sotto la tabella

CENTER: per centrare testo, immagini o altri elementi

CITE: per rendere il testo come citazione

CODE: per rendere il testo come codice

COL: per unire colonne di una tabella in un gruppo non strutturale

• align, valign: per specificare l’allineamento delle colonne di un gruppo
• span: per specificare il numero di colonne
• width: per specificare la larghezza di una colonna

DD: per evidenziare una definizione in un elenco di definizioni

DEL: per barrare un testo

DIV: per dividere una pagina in sezioni logiche

• align: per allineare una sezione a sinistra, destra o al centro
• class: per fornire un nome a ciascuna classe di un div
• id: per fornire un nome univoco a un particolare div

DL: per creare un elenco di definizioni

DT: per rendere un termine una definizione di un elenco

EM: per enfatizzare il testo in corsivo

EMBED: per aggiungere elementi multimediali

• align: per allineare controlli
• autostart: per avviare in automatico
• controls: per mostrare i pulsanti play, pause e rewind
• loop: per determinare se l’evento multimediale deve riprodursi più di una volta
• src: per specificare l’URL dell’evento multimediale
• width, height: per specificare la dimensione del controller

FIELDSET: per raggruppare una serie di elementi in un modulo

FONT: per cambiare dimensione, carattere e colore del testo

• color: per cambiare il colore
• face: per cambiare il carattere
• size: per cambiare la dimensione

FORM: per creare moduli

• action: per fornire l’URL di uno script CGI in un modulo
• enctype: per caricare i file nel formato corretto
• method: per determinare come debba essere processato un modulo

FRAME: per creare frame

• border: per determinare lo spessore dei bordi del frame
• bordercolor: per determinare il colored dei bordi del frame
• frameborder: per mostrare o nascondere i bordi del frame
• framespacing: per aggiungere spazio fra frame
• longdesc: per collegare un documento maggiormente descrittivo
• name: per dare un nome al frame in modo che possa essere usato come target
• noresize: per impedire al frame di ridimensionarsi
• marginwidth, maergineigth: per specificae i margini del frame
• scrolling: per mostrare o nascondere le barre di scorrimento del frame
• src: per specificare l’URL iniziale da mostrare in un frame
• target: per specificare in quale frame vada aperto un collegamento
• title: per indicare lo scopo di un frame

H1, H2, H3, H4, H5, H6: per creare titoli

HEAD: per creare la sezione head di una pagina

HR: per creare filetti orizzontali

• align: per allineare
• noshade: per mostrare il filetti senza ombreggiatura
• size: per specificare lo spessore
• width: per specificare la lunghezza

HTML: per identificare un documento di testo come documento HTML

I: per mostrare il testo in corsivo

IFRAME: per creare frame flottanti

• align: per allineare gli iframe
• frameborder: per mostrare o nascondere i bordi degli iframe
• height: per specificare l’altezza
• name: per specificare il nome dell’iframe, per usarlo come target
• width: per specificare la larghezza
• scrolling: per mostrare o nascondere le barre di scorrimento
• src: per specificare l’URL della pagina iniziale

IMG: per inserire un immagine in una pagina

• align: per allineare le immagini e per lo scorrimento del testo intorno ad esse
• alt: per offrire un’alternativa testuale alle immagini
• border: per specificare lo spessore del bordo, se esiste
• hspace, vspace: per specificare lo spazio vuoto da aggiungere sopra, sotto e ai lati di un’immagine
• src: per specificare l’URL di un’immagine
• usemap: per specificare l’immagine a mappa che dovrà essere usata come riferimento
• width, height: per specificare le dimensioni dell’immagine

INPUT: per creare gli elementi di un modulo

• accessey: per aggiungere una scorciatoia da tastiera
• align: per allineare gli elementi di un modulo
• checked: per rendere un pulsante d’opzione, o una casella di controllo, selezionato di default
• disabled: per disattivare gli elementi di un modulo fino a che non si verifica un evento
• event: per attivare uno script con un evento come onfocus, onblure, ecc.
• maxlength: per determinare il numero massimo di caratteri che possono essere digitati in un elemento
• name: per identificare i dati raccolti dall’elemento
• size: per specificare le dimensioni di una casella di testo di input o password
• src: per specificare l’URL dell’immagine indicata
• readonly: per rendere inaccessibili agli utenti determinati elementi
• tabindex: per specificare l’ordine di concatenamento del tasto TAB per la selezione di collegamenti e elementi di un modulo
• type: per determinare il tipo di un elemento
• value: per specificare il valore iniziale di un elemento di un modulo

INS: per rendere il testo inserito in sottolineato

LABEL: per etichettare elementi di un modulo
for: per specificare l’id di un’etichetta di un elemento

LI: per creare un elemento in un elenco numerato

• type: per determinare quale simbolo usare per distinguere gli elementi di un elenco
• value: per determinare il valore iniziale del primo elemento di un elenco

LINK: per collegare un foglio di stile esterno

• href: per specificare l’url del foglio di stile
• media: per indicare a quale media appartiene il foglio di stile
• title: per etichettare fogli di stile alternativi
• type: per indiciare il tipo MIME di un foglio di stile
• rel: per indicare se un foglio di stile è il principale o il secondario

MAP: per creare un’immagine a mappa client-side
name: per dare un nome alla mappa in modo da poterla utilizzare in seguito

MARQUEE: per creare un testo scorrevole

• behavior: per controllare lo scorrimento del testo
• direction: per controllare se il testo scorre da sinistra a destra o viceversa
• loop: per specificare le ripetizioni dello scorrimento
• scrollamount: per specificare lo spazio tra ciascuna ripetizione
• scrolldelay: per specificare il tempo tra ciascuna ripetizione

OBJECT: per includere oggetti nelle pagine

• align: per allineare gli oggetti
• border: per creare o nascondere un bordo intorno a un oggetto
• classid: per identificare il tipo di oggetto incluso
• codebase: per definire l’URL di base della sorgente di un oggetto
• data: per identificare l’origine di un file multimediale per includerlo
• hspace, vspace: per specificare lo spazio vuoto intorno a un oggetto
• name: per identificare l’oggetto
• standby: per mostrare un messaggio al caricamento dell’oggetto
• type: per indicare che l’oggetto ha un tipo MIME
• width, height: per specificare le dimensioni del quadrato che contiene l’oggetto

OL: per creare un elenco non ordinato

• type: per specificare i simboli
• start: per specificare il valore iniziale del primo elemento

OPTGROUP: per dividere un menu in sottomenu

• dosabled: per disattivare alcune opzioni fino a che non viene rilevato un particolare evento
• label: per specificare come apparirà la voce nel menu

OPTION: per creare le singole voci di un menu in un modulo

• disabled: per disattivare alcune opzioni fino a che non viene rilevato un particolare evento
• label: per specificare come deve apparire un’opzione in un menu
• selected: per rendere una voce selezionata per default in un modulo vuoto
• value: per specificare il valore iniziale di una voce in un menu

P: per creare nuovi paragrafi
align: per allineare

S: per mostrare il testo barrato

SCRIPT: per aggiungere script a una pagina

• charset: per specificare il set di caratteri con cui è stato scritto uno script esterno
• language; per specificere il linguaggio di scripting con cui è stato redatto lo script
• src: per referenziarsi a uno script esterno
• type: per specificare il linguaggio di script utilizzato

SELECT: per creare menu in un modulo

• name: per identificare i dati raccolti
• multiple: per consentire all’utente di selezionare voci multiple

SMALL: per ridurre le dimensioni del testo

SPAN: per creare stili di caratteri personalizzati

• class: per dare un nome agli stili di carattere personalizzati
• id: per identificare particolari elementi html

STRONG: per enfatizzare logicamente il testo in grassetto

STYLE: per aggiungere informazioni di stile a una pagina

• media: per lo scopo di un foglio di stile
• type: per indicare il tipo MIME di un foglio di stile

SUB: per creare un testo in pedice

SUP: per creare un testo in apice

TABLE: per creare tabelle

• align: per allineare una tabella rispetto alla finestra
• background: per specificare l’immagine di sfondo
• bgcolor: per specificare il colore di sfondo
• border: per specificare lo spessore dei bordi
• bordercolor: per specificare un colore pieno per il bordo
• bordercolordark: per specificare il colore più scuro (ombreggiatura) del bordo
• bordercolorlight: per specificare il colore più chiaro del bordo ombreggiato
• cellpadding: per specificare lo spazio vuoto tra i contenuti di una cella e i suoi bordi
• frame: per mostrare i bordi esterni
• height: per specificare l’altezza di una tabella
• rules: per mostrare i bordi interni
• width: per specificare l’altezza di una tabella

TBODY: per identificare il corpo di una tabella
align, valign: per allineare i contenuti

• TD, TH: per creare celle normali e di titolo rispettivamente, in una tabella
  align, valign: per allineare i contenuti
  bgcolor: per cambiare il colore di sfondo
  char: per allineare i contenuti di una cella rispetto a un carattere
  colspan: per allargare la cella su due o più colonne
  nowrap: per tenere i contenuti di una cella su una sola riga
  rowspan: per allargare una cella su due o più righe

TEXTAREA: per creare un’area di testo

• name: per identificare i dati da riferire
• readonly: per proteggere i contenuti dell’area di testo
• rows, cols: per specificare il nr di righe e di colonne

TITLE: richiesto per creare un titolo di una pagina

TR: per creare righe in una tabella

• align, valign: per allineare i contenuti
• bgcolor: per cambiare il colore di sfondo

TT: per mostrare il testo in carattere monospaziato

U: per mostrare il testo sottolineato

UL: per creare elenchi non ordinati
type: per specificare il simbolo che precede ciascuna voce dell’elenco