Sei sulla pagina 1di 23

Manuale XHTML Web Design & Animation Modartech

HTML 4.0 / html !e"erence


#orsi$ Web Design e Animation Modartech / urbanvaldera
Autore$ Ugo Romano u.romano@urbanvaldera.it %ersione $ 1.0 data$&0/'0/0(

7 8,,AR$8

url /uri (Universal Resource ocator! ocali""atore di Risorse Universale#/ Universal Resource $denti%ier! $denti%icatore di Risore Universali&. $denti%ica una risorsa sul World Wide Web. in altre 'arole! ( l)indiri""o di una 'agina Web o di un altro ti'o di documento sul Web.

dati meta

*on sono in%orma"ioni che %anno 'arte di un documento! bens+ lo descrivono.

de)recated / sconsigliato o eliminato. ,i de%inisce -sconsigliato- un elemento introdotto in una versione 'recedente di ./M e che ( stato sostituito da uno di ./M 0.0 o da non utili""are in 1html 1.0. ,ono ti'icamente tags che %ornivano in%orma"ioni di %orrmatta"ione.

Di%%eren"e tra ./M e 1html

di""eren*e +)rinci)ali, tra html e html

e di%%eren"e tra 1./M e ./M sono dovute essen"ialmente alle di%%eren"e tra i meta linguaggi utili""ati 'er la loro de%ini"ione! ris'ettivamente XML e -.ML. 1& anche se non ( obbligatorio! come 'rima riga di un documento XHTML andrebbe sem're inserita la cos+ detta dichiara"ione 1M (mediante la 2uale si indica la versione 1M di ri%erimento ed altre in%orma"ioni ti'o la codi%ica dei caratteri utili""ata nel documento&! un esem'io di tale dichiara"ione ( il seguente# <?xml version="1.0" encoding="UTF-8"?> 3& la dichiara"ione del ti'o di documento (D/D vedi avanti& in 1./M ( obbligatoria l)elemento radice (il 'rimo elemento& in 1./M ( ancora html! nel suo tag ini"iale ( obbligatorio inserire il names'ace dell)XHTML (i names'ace non verranno 2ui esaminati! la loro %un"ione ( 2uella di consentire l)utili""o contem'oraneo di 'i4 linguaggi derivanti da 1M in uno stesso documento&. Un esem'io di tale tag ( il seguente# <html xmlns="http: l$ng="en"> !!!.!".org 1### xhtml" xml:l$ng="en"

5& 'oich6 in 1M viene %atta distin"ione tra le lettere maiuscole e minuscole 'er i nomi degli elementi! in XHTML /uesti de0ono essere sem)re scritti in minuscolo 0& i tag ini"iali e %inali sono sem're obbligatori
UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 1 di 23 http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

gli elementi vuoti ti'o hr e img devono essere scritti utili""ando entrambi i tag (ini"iali e %inali&! ad esem'io# <hr>< hr> o''ure utili""ando la seguente sintassi s'eciale 'revista dall)1M 'er 2uesto ti'o di elementi <nome%elemento ad esem'io# 1hr /2 1br /2 1img src34immagine.)ng4 /2 *8/A# si noti che lo s'a"io tra il nome dell)elemento e il carattere )/) ( o'"ionale! ma 'er com'atibilit9 con i bro:ser ce non su''ortano 1./M ( o''ortuno metterlo comun2ue 'oich6 in 1M viene %atta distin"ione tra le lettere maiuscole e minuscole anche 'er i nomi degli attributi! in 1./M 2uesti devono essere sem)re scritti in minuscolo stesso discorso vale 'er i valori degli attributi che riconoscono un numero limitato di valori (attributi enumerati&! ad esem'io l)attributo t5)e dell)elemento in)ut 6, i 0alori degli attributi de0ono essere sem)re racchiusi tra a)ici singoli o do))i gli attributi che in HTML vengono identi%icati solo con il loro nome (sen"a 2uindi avere nessun valore&! sono in realt9 attributi s'eciali caratteri""ati da un unico valore coincidente col loro nome! 'er i 2uali viene consentita una ra''resenta"ione abbreviata (minimi""a"ione degli attributi&. ;oich6 in 1M non ( consentita una tale ra''resenta"ione in XHTML deve essere sem're s'eci%icato un valore 'er ogni attributo! ad esem'io l)attributo chec7ed di in)ut 'otr9 essere scritto come segue# chec7ed38chec7ed8 >

)elemento 1./M

struttura di un elemento html

<nome $ttri&'to%1=(v$lore%1( $ttri&'to%)=(v$lore%)(> Testo m$rc$to < nome> o''ure <nome $ttri&'to%1=(v$lore%1( $ttri&'to%)=(v$lore%)( >

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 2 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

Attributi comuni

attributi comuni Molti tag ./M 0.0 / 1html 1.0 hanno gli stessi attributi9 ecco un elenco dei 'i4 comuni< = access7e5>8carattere8 ?arattere di tastiera di accesso veloce. = align> 8testo8 )allineamento di in%orma"ioni in una se"ione di un documento.

alt

= alt> 8testoTesto alternati0o che descri0e immagini9 moduli9 oggetti e altre )arti di un documento. = char> 8carattere$l carattere che agisce come un asse di allineamento 2uando il contenuto di una tabella viene allineato. = charo"">8numero8 $l numero di s'a"i 'er s%alsare il carattere dell)asse 2uando si allinea il contenuto della tabella.

class

= class>8testo8 :no o )i; nomi di classe da assegnare a un elemento dei documento9 se)arati da s)a*i 0uoti. = dir >8testo8. a dire"ione di testo e tabelle! @ltrA! cio( da sinistra a destra o''ure -rtl-! cio( da destra a sinistra. = disabled38 disabled8. Un attributo che disattiva un controllo su un modulo che non 'uB gestire l)in'ut dellCutente.

id

= id >8testo8 il nome da assegnare a un elemento dei documento. = lang >8testo8 $l linguaggio (italiano! inglese etc.& usato negli attributi di un elemento dei documento e il suo testo racchiuso. = name38testo8 Un nome 'er un elemento dei documento. Dedi anche l)attributo $D

stGle

= st5le34testo4 Le in"orma*ioni sullo stile )er /uesto singolo elemento dei documento. = tabinde 38numero8 $l 'osto dellCelemento nell)ordine di tabula"ione del documento. = target38testo4 $l nome dei %rame/ %inestra in cui un documento dovrebbe essere a'erto. = title38testo8 /esto es'licativo su un elemento dei documento. = usema)38:!L8 )UR di una ma''a immagine da associare allCelemento dei documento! che deve corris'ondere con l)attributo name di un elemento Ema)F esistente. = 0align>8testo-. Callineamento verticale delle in%orma"ioni all)interno delle celle delle tabelle.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 3 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

H,HM;$8 D$ U*A ;A7$*A ?8M; H/A (non 1./M Dalida&

<html> <head> <title>La Mia Pagina Web</title> <meta http-equiv="Content-Type" content="te t/html! cha"#et=$%&-''()-*" /> <meta name="autho"" content="+ome Cognome" /> <meta name="de#c"iption" content="La mia pagina ,eb contiene un-immagine e i miei lin. p"e/e"iti" /> <meta name=".ey,o"d#" content="Pagina pe"#onale0 Lin. p"e/e"iti" /> </head> <body> <h*>La mia pagina ,eb</h*> <p>1ue#to 2 il p"imo pa"ag"a/o della mia pagina ,eb</p> <p>1ue#to 2 il #econdo pa"ag"a/o0 dove #egnalo che il <a h"e/="http3//,,,4co""ie"e4it">co""ie"e della #e"a</a> 2 il mio #ito ,eb p"e/e"ito</p> <p>1ue#to 2 il mio te"5o pa"ag"a/o con l-immagine <img #"c="http3//,,,4google4com/image#/logo6#m4gi/" /> che ho lin.ato da google 7uno #co""etto hot-lin.ing8</p> <9-- que#to 2 un commento nel codice che non ve"": mo#t"ato nella pagina #e"ve #olo all-auto"e pe" "ico"da"e qualche ca"atte"i#tica del #uo lavo"o --> <h" /><9-- que#ta 2 una linea o"i55ontale --> <9-- quello che #egue 2 un /oote" "eali55ato con il tag #mall che "ende il ca"atte"e pi; piccolo --> <p><#mall>Pagina "eali55ata Luned< = novemb"e >??)</#mall></p> </body> </html>

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 4 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

D./M # la gestione degli eventi

ATT!<=:T< D>LL?HTML D<@AM<#A B Cer DHTML o html dinamico si intende l?intercetta*ione9 da )arte dell?HTML di alcune a*ioni com)iute dall?utente +esem)io il clic7 di un mouse, e la conseguente esecu*ione di un )rogramma scritto in Da0ascri)t. = onblur>-scri't-. Un evento che si veri%ica 2uando un elemento del documento 'erde il %ocus di in'ut (o stato attivo&. = onchange>-scri't- Un evento che si veri%ica 2uando un elemento del documento 'erde il %ocus di in'ut (o stato attivo& e il suo valore ( cambiato mentre aveva il %ocus. = onclic7>-scri't-. Un evento che si veri%ica 2uando l)utente %a clic con il mouse su un elemento del documento. = ondblclic7>-scri't-. Un evento che si veri%ica 2uando l)utente %a do''io clic con il mouse su un elemento dei documento. = on"ocus>A scri't-. Un evento che si veri%ica 2uando un elemento del documento riceve il %ocus di in'ut (o stato attivo&. = on7e5doEn>-scrI't-. Un evento che si veri%ica 2uando viene 'remuto un tasto. = on7e5)ress>A scri't-. Un evento che si veri%ica 2uando viene 'remuto e rilasciato. = on7e5u)>A scri't-.Un evento che si veri%ica 2uando viene rilasciato. = onload>-scri't-. Un evento che si veri%ica 2uando un intero documento o tutti i %rame all)interno di un set di %rame sono stati caricati. = onmousedoEn>-scri't-. Un evento che si veri%ica 2uando l)utente %a clic con il mouse mentre il cursore ( so'ra lCelemento del documento. = onmouseout>A scri't-. Un evento che si veri%ica 2uando un cursore che ( so'ra un elemento dei documento viene s'ostato dall)elemento. = onmouseo0er>A scri't-. Un evento che si veri%ica 2uando il cursore del mouse viene s'ostato so'ra un elemento dei documento. = onmousemo0e>-scri't-. Un evento che si veri%ica 2uando il cursore dei mouse viene s'ostato mentre ( so'ra a un elemento dei documento. = onmouseu)>A scri't-. Un evento che si veri%ica 2uando l)utente rilascia il 'ulsante dei mouse mentre il cursore ( so'ra a un elemento dei documento. = onreset>A scri't-. Un evento che si veri%ica 2uando tutti i controlli su un modulo sono stati reim'ostati. = onselect>-scri't-. Un evento che si veri%ica 2uando il testo in un controllo utente di modi%ica del testo ( stato sele"ionato. = onsend>-scri't-. Un evento che si veri%ica 2uando un modulo viene inviato al server. = onunload>-scri't-. Un evento che si veri%ica 2uando un documento ( stato scaricato da una %inestra o da un %rame.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 5 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

>->MC<A D< <@T>.!AF<A@> HTML B GA%A-#!<CT B >%>@T<

<*+,-T./0 1T23 /U435- "Tr$nsition$l 08">

6"-

+T+ 1T23 7.0

<html> <he$d> <title>0sempio di $pert'r$ di 'n$ 9inestr$ con :$v$script e +1T23< title> <*-- ;'ello che seg'e < 'no script in =$v$script 1.)--> <script l$ng'$ge=":$v$>cript1.)"> 9'nction ?priFinestr$@A B !indo!.open@"http: !!!.mod$rtech.com"C "mD!indo!"C"loc$tion=1Cst$t's=1Cscroll&$rs=1C!idth =100Cheight=100"AE F < script> <*-- ;'$ndo lo script verrG eseg'ito si $prirG 'nH$ltr$ 9inestr$ del &ro!ser gr$nde 100px per 100px c$ric$ndo l$ p$gin$ !!!.mod$rtech.com --> < he$d> <&odD> <p> <*-- nell$ rig$ che seg'e si speci9ic$ che clicc$ndo s'l testo si $pre l$ 9inestr$ --> <sp$n onclicI="=$v$script: ?priFinestr$@A">?pri l$ 9inestr$< $> < p> < &odD> < html>

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 6 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

D$?.$ARAN$8*H# D8?/L;H

<+,-T./0 ... > =Jinalit9. Kuesto tag a''are come 'rima riga di un documento e dichiara la versione di ./M /1html che usa. Cer un "ormale Xhtml H obbligatorio. Diene usato uno dei tre tag E D8?/L;H ... F seguenti# )er HTML 4.0 <*+,-T./0 1T23 /U435- H 6"- 1 +1+ 1T23 7.0 08" "http: !!!.!".org TJ J0--html70 strict.dtd"> <*+,-T./0 1T23 /U435- "- 6"U 80A 1T23. 7.0 08" "http: !!!.!".org TJ J0--html70 loose.dtd"> <*+,-T./0 1T23 /U435- "- 6"- +T+ 1T23 7.0 08" "http: !!!.!".org TJ J0--html70 9r$meset.dtd"> ?iascuno di 2uesti tag contiene un UR . $ nomi di %ile di 2uesti UR sono ris'ettivamente strict.dtd! loose.dtd e %rameset.dtd. Kuesti nomi descrivono il livello dei su''orto di ./M 0.0 nel documento# = -trict. Documento che non usa nulla di ciB che ( stato eliminato e non usa %rame. = Loose. Documento che usa alcuni elementi eliminati dei linguaggio che riguardano la 'resenta"ione visuale. = Irameset. Documento che usa gli stessi elementi eliminati dei livello 'recedente e contiene anche %rame. $n teoria dovrebbe essere sem're dichiarato il EM D8?/L;H ... F stretto! 'er ris'ettare 'er%ettamente lo standard ./M 0.0. a ragione 'rinci'ale 'er l)eventuale uso diEMD8?/L;H ... F loose ( che alcuni elementi ./M 0.0 correlati alla 'resenta"ione! come i %ogli stile! non sono ancora adottati com'letamente dagli svilu''atori di bro:ser Web. )er XHTML '.0 -trict ovvero la D/D 'i4 rigida! 'revede un codice sen"a elementi e attributi de'recati e sen"a %rame. <*+,-T./0 html /U435- ""+T+ xhtml1-strict.dtd"> 6"+T+ K1T23 1.0 08"

Transitional 'revede anche elementi e attributi de'recati! ( sen"a %rame. <*+,-T./0 html /U435- "- 6"- +T+ K1T23 1.0 Tr$nsition$l "+T+ xhtml1-tr$nsition$l.dtd"> Iramset identica alla /ransitional 'uB contenere %rame. <*+,-T./0 html /U435- "- 6""+T+ xhtml1-9r$meset.dtd"> Cer HTML 6 <*+,-T./0 1T23> +T+ K1T23 1.0 Fr$meset 08" 08"

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

)elenco dei /A7 i 'rinci'ali sono eviden"iati

1a2 . . . 1/a2 Jinalit9. Kuesto tag racchiude un linO ! cio( una 'arte dei documento associata a un)altra risorsa sul World Wide Web! ;uB essere usato anche 'er creare un)associa"ione tra due 'arti dello stesso documento. Attributi s'eciali. coords>-testo- Pcoordinate della %orma geometrica all)interno della ma''a che corris'onde al linO name>-testo- P nome dell)ancoraggio. hre%>-UR - P la risorsa Web associata al linO. hre%lang>-testo- P la lingua della risorsa identi%icata da hre%. tG'e>@nome- P il ti'o della risorsa Web. rel>Acollegamenti- P la rela"ione tra il documento corrente e la risorsa Web associata. rev>Acollegamenti - P la rela"ione tra il documento corrente e la risorsa Web associata. sha'e>-testo- P la %orma geometrica allCinterno della ma''a che corris'onde all)ancoraggio. charset> -testo - P il set di caratteri usato dalla risorsa Web. Attributi eliminati. *essuno. Altri attributi. accessOeG! class! dir! id! lang! onblur! onclicO! ondblclicO! on%ocus! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! stGle! tabindeQ! target! title. 1abbr2... 1/abbr2 Jinalit9. Kuesto tag racchiude il testo di un)abbrevia"ione Altri attributi. class! dir! id! lang! onclicO! ondblclicO! or+OeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! ormouseover! onmouseu'! stG$e!title. 1acron5m2 ....1/acron5m 2 Jinalit9. Kuesto tag racchiude il testo di un acronimo. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! oriclicO! oridblclicO! onOeGdo:n!onOeG'ress! onOeGu'! onmousedo:n! orimousemove! onmouseout! onmouseover! onmouseu'! stGle!tit1e. 1address2 ..... 1/address2 Jinalit9. Kuesto tag racchiude le in%orma"ioni sull)autore dei documento o di una 'arte di esso. $ bro:ser Web visuali""ano 2uest)in%orma"ione in %ormato diverso ris'etto al resto dei testo. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! oncliO! ondblclicO! onOeGdo:! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'. 1a))let2 .... 1/a))let2 Jinalit9. A 2uesto tag ( stato eliminato! 2uasi tutti i bro:ser oggi usano il tag 1A=G>#T2 'er gli a''let Rava. 1area2 +1area attr34....4 /2, Jinalit9. Kuesto tag indica un)area su una ma''a immagine che dovrebbe essere associata a un collegamento. Attributi s'eciali. hre%>AUR - Pla risorsa Web associata all)immagine. ,ha'e>-testo- Pla %orma 2eometrica dell)immagine. coords>-testo- Ple coordinate della %orma geometrica. nohre% P2uesto attributo indica che l)area non ha collegamenti.
UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ ! di 23 http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

Attributi eliminati. *essuno. Altri attributi. accessOeG! alt! class! dir! id! lang! name! onblur onclicO! ondblclicO! on%ocus! onOeGdo:n! orOeG'ress! or+OeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stG1e! tabindeQ! target! title. 1b2 . . . 1/b2 +sconsigliato, Jinalit9. Kuesto tag racchiude dei testo che deve essere visuali""ato in grassetto. Anche se non ( stato eliminato! lo standard ./M 0.0 consiglia l)uso dei %ogli stile come alternativa a 2uesto tag. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n onOeG'ress! onOeGu'! onmousedo:n! onrrousemove! onmouseout! onmouseover! ormouseu'! stGle! title. 1base2 + 1base hre"34....4 /2, Jinalit9. Kuesto tag ( usato 'er de%inire es'licitamente lCUR base del documento! che sar9 'oi combinata con 2uelle relative 'resenti nel documento 'er %ormare indiri""i Web com'leti. Attributi s'eciali. hre%> -UR - CUR di base dei documento. Attributi eliminati. *essuno. Altri attributi. /arget. 1base"ont2 . . . 1/base"ont2 Jinalit9. Kuesto tag ( stato eliminato. 1big2 . . . 1/big2 Jinalit9. Kuesto tag racchiude del testo che va visuali""ato con un ti'o di carattere 'i4 grande dei resto dei testo. Anche se non ( stato eliminato! ./M 0.0 consiglia l)uso dei %ogli stile come alternativa a 2uesto tag. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle!title. 1bloc7/uote2 ... 1/bloc7/uote 2 Jinalit9. Kuesto tag racchiude un blocco di testo tra virgolette! che verr9 indentato e mostrato come 'aragra%o autonomo. Attributi s'eciali. cite> -UR - Pl)indiri""o di un documento che contiene in%orma"ioni sull)origine della cita"ione. Attributi eliminati. *essuno. altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGSe! title.

bodG

1bod52 . . . 1/bod52 Jinalit9. Juesto tag racchiude il cor)o di un documento . Dari suoi attributi di visuali""a"ione sono stati eliminati in %avore dell)uso dei tag E,/L HF Attributi s'eciali. *essuno. Attributi de'recati# alinO! bacOground!bgcolor!linO!teQt!vlinO. Altri attributi. class! dir! id! lang! or+clicO! ondblclicO! onOeGdo:n! orOeGu'! orOeG'ress! onload! onmousedo:n! onmousemove! onmouseout! onmouseover!
UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ " di 23 http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

onmouseu'! onunload! stGle! title.

1br2 +1br /2 , Jinalit9. Kuesto tag inserisce un)interru"ione di riga< il testo seguente viene mostrato su una nuova riga. Attributi s'eciali. *essuno Attributi eliminati. clear Altri attributi.class! id! stGle! title. 1button2 ... 1/button2 Jinalit9. Kuesto tag aggiunge un 'ulsante a un modulo. . Attributi s'eciali. name>- testo- Pil nome dei 'ulsante. valore>Atesto- Pil valore ini"iale dei 'ulsante. /G'e>- testo- Pil ti'o di 'ulsante da aggiungere al modulo. = Attributi eliminati. *essuno. = Altri attributi. accessOeG! class! dir! disabled! id! lang! onblur! onclicO! cndbclicO! on%ocos! onOeGdo:ri! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! ormouseout onmouseover! onmouseu'! stGle!tabindeQ!title. 1ca)tion2 ... 1/ca)tion2 = Jinalit9. Kuesto tag racchiude una breve descri"ione di una tabella. Deve seguire immediatamente il tag 1table2 - ogni tabella 'uB averne al massimo uno. = Attributi s'eciali. *essuno. = Altri attributi. accessOeG! class! dir! disabled! id! lang! onblur! onclicO! cndbclicO! on%ocos! onOeGdo:ri! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! ormouseout onmouseover! onmouseu'! stGle!tabindeQ!title. 1center2 . . . 1/center2 ?entra un blocco. ,consigliato 1cite2 . . . 1/cite2 .Jinalit9. Kuesto tag racchiude una cita"ione o un altro ti'o di ri%erimento a un)altra sorgente. .Attributi s'eciali. *essuno. = Altri attributi. class! dir! disabled! id! lang! onblur! onclicO! cndbclicO! on%ocos! onOeGdo:ri! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! ormouseout onmouseover! onmouseu'! stGle!title. 1code2 ... 1/code 2 Jinalit9. Kuesto tag racchiude il testo di un 'rogramma in un linguaggio di 'rogramma"ione o simili. . Attributi s'eciali. *essuno. Attributi eliminati. *essuno. = Altri attributi. class! dir! disabled! id! lang! onblur! onclicO! cndbclicO! on%ocos! onOeGdo:ri! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! ormouseout onmouseover! onmouseu'! stGle!title.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 1# di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

1col2 ... 1/col2 Jinalit9. Kuesto tag racchiude una colonna di una tabella cos+ che 'ossa essere strutturata. Attributi s'eciali. s'an> -numero- Pil numero di colonne nel gru''o di colonne. :idth> -nuinero- Pla larghe""a standard delle colonne dei gru''o. Attributi eliminati. *essuno. Altri attributi. align! char! charo%%! class! dir! disabled! id! lang! onblur! onclicO! cndbclicO! on%ocos! onOeGdo:ri! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! ormouseout onmouseover! onmouseu'! stGle!title!valign. 1colgrou)2 ... 1/colgrou)2 Jinalit9. Kuesto tag racchiude un gru''o di colonne in una tabella cos+ che 'ossano essere strutturate contem'oraneamente. Attributi s'eciali. s'an> -numero- Pil numero di colonne nel gru''o di colonne. :idth>-numero - Pla larghe""a standard delle colonne dei gru''o.

1dir2 ... 1dir2 Jinalit9. Kuesto tag ( sconsigliato /eliminato.

div

1di02 ... 1/di02 Jinalit9. Kuesto tag racchiude una 'or"ione autonoma di documentoPi suoi attributi 'ossono essere usati 'er deciderne la visuali""a"ione. . Attributi s'eciali. *essuno. Attributi de'recati. align. Altri attributi. class! dir! disabled! id! lang! onblur! onclicO! cndbclicO! on%ocus! onOeGdo:ri! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! ormouseout onmouseover! onmouseu'! stGle!title. 1dl2 ... 1/dl2 = Jinalit9. Kuesto tag racchiude un elenco di voci e le loro de%ini"ioni. e voci e le de%ini"ioni sono 'osti ris'ettivamente tra i tag ED/F e EDDF. = Attributi #class! dir! disabled! id! lang! onblur! onclicO! cndbclicO! on%ocus! onOeGdo:ri! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! ormouseout onmouseover! onmouseu'! stGle!title. 1dt2 ... 1/dt2 Jinalit9. ED/F de%inisce un blocco di testo come una singola voce in un elenco di de%ini"ioni. )intera serie di voci e di termini ( racchiusa all)interno di un tag 1dl2. . Attributi s'eciali. class! dir!id! lang! onblur! onclicO! cndbclicO! on%ocus! onOeGdo:ri! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! ormouseout onmouseover! onmouseu'! stGle!title.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 11 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

1em2 ... 1/em2 Jun"ione# Kuesto tag racchiude un testo che necessita di una 'articolare en%asi. a maggior 'arte dei bro:ser Web visuali""a 2uesto testo in corsivo. ;er dare maggiore en%asi si utili""i il tag E strongF . . Altri attributi. class! dir!id! lang! onblur! onclicO! cndbclicO! on%ocus! onOeGdo:ri! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! ormouseout onmouseover! onmouseu'! stGle!title. 1"ieldset2. . 1/"ieldset2 Jinalit9. Kuesto tag racchiude un gru''o di controlli correlati su un modulo. Attributi s'eciali. *essuno. Attributi eliminati! align. Altri attributi. accessOeG! class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu' stGle! title. 1"ont2.. .1/"ont2 Jinalit9. Kuesto tag ( sconsigliato.

%orm

1"orm2. . . 1/"orm2 Jinalit9. Kuesto tag racchiude un gru''o di controlli correlati che 'rendono in%orma"ioni dalla 'ersona che esamina il documento. Attributi s'eciali. actior+>AUR AT lCUR$ che ricever9 ed elaborer9 i dati del modulo. method> testoC T il metodo usato 'er la trasmissione dei dati. enctG'e> @testoA T il ti'o di contenuto usato 'er la trasmissione dei dati. acce'tPcharset> @testoA T uno o 'i4set di caratteri! se'arati da virgole! accettabili nei risultati del modulo. acce't> @testoA T uno o 'i4set di caratteri! se'arati da virgole! trasmissibili usando il modulo. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! oneOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseover! onmouseu'! onreset! stGle! target! title. 1"rame2. . .1/"rame2 Jinalit9. Kuesto tag racchiude un %rame e stabilisce il suo as'etto. . /ag %inale. *on consentito Attributi s'eciali. name> UtestoA T il nome del trame. longdescVAURlAT lCUR$ di un documento che contiene una descri"ione del trame. src> @UR$AT lCUR$ di un documento che contiene i contenuti del trame. noresi"e T indica che il %rame non 'uB essere ridimensionato. scrollingV @testoA T gestione dello scorrimento del %rame. %rameborder> @numeroA T gestione del bordo del %rame. margin:idth> @numeroA T s'a"io tra il contenuto e i margini destro e sinistro del %rame. marginheightV>AnumeroAT s'a"io tra il contenuto e i margini su'eriore e in%eriore del %rame. Attributi eliminati. *essuno. Altri attributi. class! id! stGle! target! title.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 12 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

1"rameset2... 1/"rameset2 Jinalit9. Kuesto tag racchiude lCin%orma"ione che stabilisce la dis'osi"ione dei %rame di un documento. ,i usa al 'osto del marcatore EW8DLF e deve seguire immediatamente lCintesta"ione del documento. Attributi s'eciali. ro:s> @listaAT lCalte""a dei %rame verticali con valori se'arati da virgole. cols> @lista @T la larghe""a dei %rame verticali con valori se'arati da virgole. Attributi eliminati. *essuno. Altri attributi. class! id! onload! onunload! stGle! title.

head

1head2. . .1head2 Jinalit9. Kuesto tag racchiude lCin%orma"ione dellCintesta"ione che 'recede un documento come! ad esem'io! il suo titolo e una descri"ione del contenuto. $l testo non viene visuali""ato dal bro:ser. Attributi s'eciali. 'ro%ile> @UR$A T lCindiri""o di un documento contenente in%orma"ioni sui metadati dellCintesta"ione Attributi eliminati. *essuno. Altri attributi. lang! dir. 1h'2. . .1/h'29 1hK2. . .1/hK29 1h&2. . .1/h&29 1h42. . 1h62. . .1/h62 e 1hL2. . Jinalit9. Kuesti tag racchiudono titoli (detti anche heading&. Eh1F ( il titolo visuali""ato 'i4in grande! mentre EhXF ( 2uello 'i4 'iccolo. Attributi s'eciali. *essuno. Attributi de'recati. align. Altri attributi class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n!! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1hr2 Jinalit9. Kuesto tag inserisce una linea ori""ontale. /ag %inale. *on consentito. Attributi s'eciali. *essuno. Attributi eliminati. align! noshade! si"e! :idth. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! stGle! title.

1html2.. .1/html2 Jinalit9. Kuesto tag racchiude lCintero documento. Attributi s'eciali. *essuno. Attributi eliminati. version. Altri attributi! lan2! dir. 1i2..1/i2 Jinalit9. Kuesto tag racchiude del testo che va visuali""ato in corsivo. Anche se non ( stato eliminato! ./M 0.0 consiglia lCuso dei %ogli stile come alternativa a 2uesto tag. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n!! onOeG'ress! onOeGu'! onmousedo:n! onmouseout! onmouseover! onmouseu'! stGle! tite.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 13 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

1i"rame2. . .1/i"rame2 Jinalit9. Kuesto tag racchiude un trame che deve essere inserito nel docunmento come unCimmagine o un altro oggetto. Attributi s'eciali. "rameborder> @numeroAT gestione del bordo del %rame. longdesc>@UR$AT lCUR$ di un documento che contiene una descri"ione del %rame. marginEidth>AnumeroAT s'a"io tra il contenuto e i margini destro e sinistro del %rame. marginheight>AnumeroAT s'a"io tra il contenuto e i margini su'eriore e interiore del %rame. name>AtestoAT il nome del %rame. scrolling> @testoAT la gestione dello scorrimento del trame. src>A UR$AT lCUR$ di un documento che contiene il contenuto del %rame. Eidth> @numeroAT la larghe""a del %rame. height>A numeroA T lCalte""a del %rame. Attributi eliminati. *essuno. Altri attributi. align! class! id! name! stGle! target! title.

img

1img2 +1img src34...4 /2, Jinalit9. Kuesto tag racchiude unCimmagine che deve essere visuali""ata come 'arte del documento. $n alternativa si 'uB usare il tag 1obDect2. . Attributi s'eciali. height3 Mnumero4 T alte""a dellCimmagine. hs)ace3 Mnumero4 T 2uantit9 di s'a"io bianco da inserire nel documento tra lCimmagine e lCaltra in%orma"ione 'osta a sinistra e a destra. isma) T attributo che indica se lCimmagine ( una ma''a gestita dal server. src3 Murl4 T lCUR$ dellCimmagine. longdesc> @url @T lCUR$ della descri"ione dellCimmagine e di eventuali ma''e al suo interno. 0s)ace> @numeroA T 2uantit9 di s'a"io bianco da inserire nel documento tra lCimmagine e lCaltra in%orma"ione 'osta su'eriormente e in%eriormente. Eidth3 Mnumero4 T larghe""a dellCimmagine. Attributi eliminati. *essuno. Altri attributi! alt! class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousetu'! stGle! title! usema'. 1in)ut2 Jinalit9. Kuesto tag racchiude un controllo che %a 'arte di un modulo. Attributi s'eciali. acce'tT lista dei ti'i di contenuto! se'arati da virgole! che 'ossono essere trasmessi dal server che elabora il modulo. name Mtesto M T nome del controllo. t5)e3 Mtesto4 T ti'o di controllo da includere sul modulo. 0alue3 Mtesto4T valore ini"iale del controllo. si*e3 Mnumero4 T dimensione dellCarea di in'ut del controllo. ma length3 Mnumero4T massimo numero di caratteri digitabili nellCarea di in'ut del controllo. chec7ed +chec7ed34chec7ed4 in XHTML, T attributo che indica se un controllo 'ulsante radio o casella di sele"ione devCessere contrassegnato 2uando il modulo ( visuali""ato. src34:!<4T $CUR$ di unCimmagine da mostrare come 'ulsante ,ubmit. Attributi eliminati. *essuno. Altri attributi.accessOeG! align! alt! class! dir! disabled id! lang! onblur! onchange! onclicO!
UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 14 di 23 http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

ondblclicO! on%ocus! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmouseover! onmousemove! onmouseout! onmouseu'! onselect! readonlG! stGle! tableindeQ! title! usema'. 1ins2. . . 1/ins2 Jinalit9. Kuesto tag racchiude una 'arte del documento che ( stata inserita in una 'recedente modi%ica Attributi s'eciali. cite> @UR$ @T indiri""o di un documento contenente in%orma"ioni sulla 'arte inserita. datet+me>AdataY eYoraA T data e ora dellCinser"ione. Altri attributi. class! dir! in! lang! onclicO! ondblclicO! on%ocus! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmcuseout! onmouseover! onmouseu'! stGle!title. 1isinde 2 Jinalit9. Kuesto tag ( stato eliminato. 17bd2. . .1/7bd2 Jinalit9. Kuesto tag racchiude del testo che deve essere digitato dallCutente come dati di ingresso 'er un 'rogramma. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! cnOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmcuseover! onmouseu'! stGle! title. 1label2. . .1/label2 Jinalit9. Kuesto tag aggiunge unCetichetta ai controlli di un modulo che ne sono s'rovvisti. . Attributi s'eciali. %or> @testoAT $D del controllo a cui ( associata lCetichetta. Attributi eliminati. *essuno. Altri attributi. accessOeG! class! dir! id! lang! onblur! onclicO! ondblclicO! on%ocus! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1legend2. . . 1/legend2 Jinalit9. Kuesto tag %ornisce una didascalia a un gru''o di controlli racchiusi da un tag 1"ieldset2. Deve essere racchiuso anchCesso nel tag 1"ieldset2 . Attributi s'eciali. *essuno. Attributi eliminati! align. Altri attributi. accessOeG! class! alt! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1li2..1/li2

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 15 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

Jinalit9.elemento di una lista. ?iascun elemento sar9 racchiuso in un tag EliF. ,i vedano i tag 1ul2 e 1ol2 . Attributi s'eciali. *essuno. Attributi eliminati. com'act! tG'e! value. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouout! onmouseover! stGle! title.

1lin72. . .1/lin72 Jinalit9. Kuesto tag de%inisce un collegamento i'ertestuale tra il documento e altre risorse. Z 'ossibile de%inirne 'i4di uno! ma il tag 0a obbligatoriamente usato nellNintesta*ione del documento. . /ag %inale. *on consentito Attributi s'eciali. name3 4 testo4T nome dellCancoraggio. hre"3 Murl4T risorsa sul Web associata allCancoraggio. hre"lang3 Mtesto4T lingua usata dalla risorsa identi%icata dalla risorsa identi%icata da hre% media> A testoAT in%orma"ioni sul %oglio stile. t5)e Mnome4T il ti'o del contenuto della risorsa Web associata. rel 3 Mcollegamenti MT i collegamenti tra il documento corrente e la risorsa associata. re034 collegamenti4 T i collegamenti tra il documento corrente e la risorsa associata. charset Mtesto4T il set di caratteri della risorsa associata. Attributi eliminati. *essuno. Altri attributi. accessOeG! class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onrnousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! tableindeQ! target! title. 1ma)2. . .1/ma)2 Jinalit9. Kuesto tag racchiude unCimmagine le cui diverse 'arti sono associate ad altrettanti collegamenti i'ertestuali. . Attributi s'eciali. name>A testoA T nome dellCimmagine ma''a. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseov! onmoseover! onmesueu'! stGle!title. 1menu2 Jinalit9. Kuesto tag ( stato eliminato. 1meta2 +1meta attr34...4 /2, Jinalit9. Kuesto tag de%inisce una 'ro'riet9 di metadati 'er un documento.,e il tag H usato de0e obbligatoriamente essere )osto nellNintesta*ione del documento. . Attributi s'eciali. name>AtestoA T nome della 'ro'riet9 . content>AtestoAT valore della 'ro'riet9 . htt'Pe2uiv> @testoAT nome di unCintesta"ione .//; im'ostata al valore del tag (alternativa allCattributo name&. scheme>@testoA T in%orma"ione aggiuntiva che descrive lCuso dellCattributo content.
UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 16 di 23 http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

1no"rames2. .1/no"rames2 Jinalit9. Kuesto tag racchiude del contenuto alternativo allCuso dei %rame che sar9 visuali""ato dai bro:ser che non su''ortano i %rame. Da usato nellCambito di un tag 1"rameset2. Attributi s'eciali. *essuno. Attributi eliminati *essuno Altri attributi. class! dir! lang! id! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1noscri)t2. .1/noscri)t2 Jinalit9. Kuesto tag racchiude del contenuto che sar9 mostrato se uno scri't non 'uB essere eseguito! 'erch6 il bro:ser non ( in grado di eseguire scri't o non su''orta un 'articolare linguaggio di scri'ting. Attributi s'eciali. scr> @UR$AT lCUR$ di un documento che contiene lo scri't. tG'e> @testoAT il linguaggio di scri'ting utili""ato. de%er T 2uesto attributo indica che lo scri't non aggiunge contenuto al documento. Attributi eliminati. language. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n.! onOeG'ress! onOeGu'! ornousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'!stGle!title. 1obDect2. .1/obDect2 Jinalit9. Kuesto tag racchiude un oggetto che verr9 'resentato come 'arte del documento. 7li oggetti 'ossono essere %ile! 'rogrammi interattivi e altri documenti ./M . Juesto tag 0iene usato9 )er esem)io9 )er inserire "ilmati ILA-H Attributi s'eciali. classid34:!<4T lCUR$ di unCim'lementa"ione dellCoggetto usata al 'osto dellCattributo data o insieme a esso! a seconda del ti'o di oggetto. codebase3 O:!<4T lCUR$ base 'er le altre UR$ s'eci%icate come attributi dellCoggetto codet5)e3 Mtesto4 Pil ti'o di contenuto dei dati identi%icati da classid data3 M:!<4T lCUR$ dei dati associati allCoggetto. height3 Mnumero4 T alte""a dellCoggetto. hs)ace3 Mnumero4 T 2uantit9 di s'a"io bianco da inserire nel documento tu lCoggetto e lCaltra in%orma"ione 'osta a sinistra e a destra. Eidth3 Mnumero4T larghe""a dellCoggetto. t5)e Mtesto4T il ti'o di contenuto dei dati identi%icati da data. archi0eN34:!<s4T $CUR$ dei %ile che contengono classid e data 'er uno scaricamento 'i4v eloce. declare T attributo che indica che lCoggetto viene dichiarato! ma non visuali""ato %ino a un successivo tag E8WRH?/F. -tandb53Mtesto4T messaggio da mostrare durante $o scaricamento dellCoggetto. 0s)ace3Mnumero4T 2uantit9 di s'a"io bianco da inserire nel documento tra lCoggetto e lCaltra in%orma"ione 'osta in%eriormente e su'eriormente. Attributi eliminati. align! border. Altri attributi. class! dir! id! lang! name! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! tableindeQ! title! .usema'. 1ol2P 1/ol2 Jinalit9 . Kuesto tag racchiude una lista di elementi numerati< i singoli elmenti sono racchiusi da tag EliF. ;er le liste non numerate si usa il tag EulF Attributi s'eciali. *essuno.
UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 1 di 23 http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

Attributi eliminati. com'act! start! tG'e. Altri attributi. class! dir! id! lang! onclicO! ondbldlic[! onOeGdo:n onOeG'ness! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1o)tion2. .1/o)tion2 Jinalit9. Kuesto tag aggiunge unCo'"ione a un menu di un modulo. Attributi s'eciali. selected (selected>AselectedA in 1html& T 2uesto attributo s'eci%ica che lCo'"ione deve essere sele"ionata 2uando il menu viene visuali""ato 'er la 'rima volta. 0alue3 Mtesto4T valore ini"iale dellCo'"ione. Label3Otesto4 T breve etichetta alternativa 'er lCo'"ione. Attributi eliminati. *essuno. Altri attributi. class! dir! disabled! id. lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseover! onmouseu'! stGle! title. 1o)tgrou)2. .1/o)tgrou)2 Jinalit9. Kuesto tag racchiude un gru''o di o'"ioni di un menu di un modulo. Attributi s'eciali. abel> @testoAT etichetta del gru''o di o'"ioni. Attributi eliminati. *essuno. Altri attributi. class! dir! disable! id! lang! onblur! oncnarge! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! on%ocus! stGle! title.

'

1)2P 1/)2 Jinalit9. Kuesto tag racchiude un )aragra"o di testo. Attributi s'eciali. *essuno. Attributi de'recati. align. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle Molti autori ./M utili""ano uno o 'iu tag E'F sen"a testo 'er inserire s'a"io bianco nel documento. Kuesta tecnica ( scoraggiata in ./M 0.0! che dice che i bro:ser dovrebbero ignorare tag E'F ri'etuti sen"a testo.

1)aram2 +1)aram attr34...4 /2, Jinalit9. Kuesto tag racchiude un 'arametro il cui valore sar9 %ornito a un oggetto 'rima di visuali""arlo come 'arte del documento. ,i 'ossono usare 'i4'arametri! ma occorre un tag 'er ciascuno. . /ag %inale. *on consentito Attributi s'eciali. name>AtestoA T nome del 'arametro. value> @testoA T valore del 'arametro che 'uB essere una stringa di testo! un oggetto o unCUR$ di una risorsa che contiene i valori. valuetG'e> @testoA T il ti'o dCin%orma"ione del valore del 'arametro tG'e> @testoAT il ti'o del contenuto della UR$ s'eci%icata da value. Attributi eliminati. *essuno. Altri attributi! id.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 1! di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

1)re2. .1/)re2 Jinalit9. Kuesto tag racchiude testo che va %ormattato come il resto del testo ./M . Kuasi tutti i bro:ser lo visuali""eranno con un %ont monos'a"iato e ris'ettando gli s'a"i bianchi! sen"a 'erB ignorare gli s'a"i ri'etuti come avviene normalmente 'er il testo ./M . ;uB essere gestita lCandata a ca'o automatica. Attributi s'eciali. *essuno. Attributi eliminati. :idth. Altri attributi. class! dir! id! 1ang! onclicO! ondblclicO! onOeGdo:n!! onOeG'ress! onOeGu'! onmeasedo:n! onmousemove!! onmouseout! onmouseover! onmouseu'! stGle! title.

1/2P 1//2 Jinalit9. Kuesto tag racchiude una breve %rase tra virgolette! che sar9 mostrata come virgolettato dal bro:ser. A di%%eren"a di 2uanto avviene 'er il tag EblocO2uoteF. il testo non %ormer9 un 'aragra%o autonomo. Attributi s'eciali. cite @UR @T indiri""o di un documento contenente in%orma"ioni sulla cita"ione virgolettata. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! .onOeG'ress! onOeGu'!onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1s2P 1/s2 Jinalit9. Kuesto tag ( stato eliminato.

1sam)2...1/sam)2 Jinalit9. Kuesto tag racchiude del testo che ra''resenta lCout'ut di un 'rogramma o di uno scri't. . Attributi s'eciali. *essuno. Attributi eliminati *essuno Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n!! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1scri)t2. .1/scri)t2 Jinalit9. Kuesto tag inserisce uno scri't eseguibile nel documento. . Attributi s'eciali. scr> @UR$A T lCUR$ di un documento che contiene lo scri't tG'e> @testoAT il linguaggio di scri'ting utili""ato de%er T 2uesto attributo indica che lo scri't non aggiunge contenuto al documento. Attributi eliminati. language. Altri attributi! charset.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 1" di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

1select2. .1/select2 Jinalit9. Kuesto tag inserisce un menu in un modulo. Attributi s'eciali. name3 Otesto4T il nome del menu. si*e34 numero4T il numero di o'"ioni del menu! 'resentate in una lista a scorrimento. multi)le +multi)le34multi)le4 in html, T 2uesto attributo indica che nel menu ( 'ossibile scegliere 'i4di una o'"ione alla volta. Attributi eliminati. *essuno. Altri attributi. class! dir! disabled! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeGu'! onOeG'ress! onrnousedo:n! onmousemove! onmouseout! onrnouseovero onmouseu'! stGle! tabindeQ! title. 1small2. .1/small2 Jinalit9. Kuesto tag racchiude del testo che va mostrato con un %ont 'i4'iccolo del resto. Anche se non ( stato eliminato! lo standard ./M 0.0 consiglia lCuso dei %ogli di stile come alternativa a 2uesto tag. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! disabled! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeGu'! onOeG'ress! onmousedo:n! onmousemove! onmouseout! onrnouseovero onmouseu'! stGle! title.

s'an

1s)an2P 1/s)an2 Jinalit9. Kuesto tag racchiude una bre0e )arte autonoma del documento che non interrom)e il "lusso di documento . ?ome ED$DF si usa 'er lCorgani""a"ione del contenuto! ma i suoi attributi si 'ossono usare 'er gestire la visuali""a"ione. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. align! class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1stri7e2. .1/stri7e2 Jinalit9. /esto sbarratoKuesto tag ( ,consigliato. 1strong2. .1/strong2 Jinalit9. Kuesto tag racchiude del testo che de0e essere en"ati**atoQ 2uasi tutti i bro:ser lo visuali""ano in grassetto. ,i 'uB ottenere unCen%asi in%eriore con il tag EHMF. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'!stGle! title 1st5le2. . .1/st5le2 Jinalit9. Kuesto tag inserisce le regole di un %oglio di stile nellCintesta"ione del documento. Attributi s'eciali. t5)e3 4 testo4 T il linguaggio usato 'er il %oglio stile rnedia3 Mtesto4 T il me""o a cui il %oglio stile viene a''licato Attributi eliminati. *essuno. Altri attributi. dir! lang! title. 1sub2.. .1/sub2
UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 2# di 23 http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

Jinalit9. Kuesto tag racchiude del testo da 0isuali**are come )edice Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1su)2. . .1/su)2 Jinalit9. Kuesto tag racchiude del testo da 0isuali**are come a)ice Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title.

table

1table2. . . 1/table2 Jinalit9. Kuesto tag racchiude dellNin"orma*ione organi**ata come tabella con righe e colonne di celle rettangolari. Attributi s'eciali. border3 Mnumero4 T la larghe""a del bordo intorno alla tabella o @8A se il bordo non viene visuali""ato. cell)adding3 Mnumero4 T 2uantit9 di s'a"io tra i contenuti delle celle e il bordo. cells)acing3 Mnumero4 T 2uantit9 di s'a"io tra le celle. "rame3 Mtesto4 T bordi del %rame che circonda la tabella da rendere visibili surnmar53 Mtesto4 T sco'o e struttura della tabella 'er i bro:ser non visuali rules3 Mtesto4T linee tra le celle della tabella. Eidth3 Mnumero4T larghe""a della tabella es'ressa in 'iQel o come 'ercentuale dello s'a"io dis'onibile nella %inestra del bro:ser. Attributi de'recati. align9 bgcolor. Altri attributi. class! dir! %rame! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onrnousedo:n! onmousemove! onmouseout! onmcuseover! cnmouseu'!stGle!title. 1tbod52... 1/tbod52 Jinalit9. Kuesto tag racchiude una o 'i4 righe di una tabella. ,e la tabella! contiene una riga di intesta"ione o di 'iede! racchiusa dal tag 1troE2 o 1t"oot2. il tag 1tbod52 va usato 'er contenere il cor'o della tabella. $l cor'o avr9 lo stesso numero dellCintesta"ione o del 'iede della tabella stessa. /ag ini"iale. Jacoltativo. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. align! char! charo%%! class! dir! id! 1ang! onclicO ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmcuseover! onmouseu'! stGle! title! varign. 1td2P 1/td2 Jinalit9. Kuesto tag contiene una cella di una tabella che non %a 'arte dellCintesta"ione della tabella stessa. Attributi s'eciali. Headers3 Mtesto4 T le celle dellCintesta"ione che %orniscono in%orma"ioni sulla cella corrente< le id delle celle sono se'arate da s'a"i. sco)e3 Otesto4 T le celle della tabella su cui 2uesta cella dCintesta"ione %ornisce in%orma"ioni. abbr3 Mtesto4 T versione abbreviata del contenuto della cella. a is3 Mcategorie4 T lista di categorie! se'arate da virgole! a cui la cella a''artiene. roEs)an3 Mnumero4 T numero di righe occu'ate dalla cella.
UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 21 di 23 http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

cols)an34numero4T numero di colonne occu'ate dalla cella Attributi eliminati. bgcolor! no:ra'! height! :idth Altri attributi. align! char! charo%%! class! dir! id! lang! onclicO ondblclicO! onOeGdo:n! onOeG'ress. onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! ormouseu'! stGle! title! valign. 1te tarea2. . .1/te tarea2 Jinalit9. Kuesto tag inserisce unNarea di in)ut in un modulo . Attributi s'eciali. name3 Mtesto4 T nome del controllo. roEs3 Mnumero4 T numero di righe nellCarea col s3 Mnumero4 T numero di colonne nellCarea. Attributi eliminati. *essuno. Altri attributi. class! dir! disabled! id! lang! onblur! onchange! onclicO! ondbclicO! on%ocus onOeGdo:n! onOeG'ress! onmousedo:n! onmouse! onmouseout! onmouseover! onmouseu'! onselect! readonlG! stGle! tableindeQ! title. 1t"oot2... 1/t"oot2 Jinalit9. Kuesto tag inserisce in una tabella una riga che com)are come )iede! cio( al di sotto delle altre righe della tabella. Deve contenere lo stesso numero di celle delle righe racchiuse tra i marcatori 1th2P 1/th2 . Jinalit9. Kuesto tag racchiude una cella di una tabella che %a 'arte dellCintesta"ione della tabella stessa. . Attributi s'eciali. readers3 Mtesto4 T le celle dellCintesta"ione che %orniscono in%orma"ioni sulla cella corrente< le id delle celle sono se'arate da s'a"i. sco)e34testo4 T le celle della tabella su cui 2uesta cella dellCintesta"ione %ornisce in%orma"ioni. abbr34testo4T versione abbreviata del contenuto della cella. a is3 Mcategorie4T lista di categorie! se'arate da virgole! a cui la cella a''artiene. roEs)an34numero4 T numero di righe occu'ate dalla cella. cols)anR Mnumero4 T numero di colonne occu'ate dalla cella. Attributi eliminati. bgcolor! no:ra'! height! :idth. Altri attributi. align! char! charo%%! class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! ormouseu'! stGle! title! valign. 1thead2. .1/thead2 Jinalit9. Kuesto tag inserisce in una tabella una riga che com)are come intesta*ione9 cio( al di so'ra delle altre righe della tabella. Deve contenere lo stesso numero di celle delle righe racchiuse tra i marcatori EtbodGF e Et%ootF. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. align! char! charo%%! class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! ormouseover! onmouseu'! stGle!title! valign.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 22 di 23

http://www.modartech.com

Manuale XHTML Web Design & Animation Modartech

1title2. .1/title2 Jinalit9. Kuesto tag racchiude il titolo del documento. $n 2uasi tutti i bro:ser viene visuali""ato nella barra del titolo della %inestra del bro:ser. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. lang! dir 1tr2P 1/tr2 Jinalit9. Kuesto tag racchiude una riga di celle di una tabella. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. align! char! charo%%! class! dir. $di! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. valign. 1tt2P 1/tt2 Jinalit9. Kuesto tag racchiude del testo che 0a 0isuali**ato con un "ont monos)a*iato. Anche se non ( stato eliminato! ./M 0.0 consiglia lCuso dei %ogli stile come alternativa a 2uesto tag. Attributi s'eciali. *essuno. Attributi eliminati. *essuno. Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 1u2P 1/u2 Jinalit9. /esto sottolineato# Kuesto tag ( sconsigliato 1ul2P 1ul2 Jinalit9. Kuesto tag racchiude una lista di elementi non numerati< i singoli elementi sono racchiusi da tag UEliF. ;er le liste numerate si usa il tag EolF. . Attributi s'eciali. *essuno. Attributi eliminati. com'act! tG'e Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeGdo:n! onOeG'ress! onOeGu'! onmousedo:! onmousemove! onmouseout! onmouseover! onmouseu'! stGle! title. 10ar2. . .1/0ar2 Jinalit9. Kuesto tag racchiude del testo che ra''resenta il nome di una variabile o un argomento sulla linea di comando di un 'rogramma. . Altri attributi. class! dir! id! lang! onclicO! ondblclicO! onOeG'ress! onOeGu'! onmousedo:n! onmousemove! onmouseseover!onmuuseu'! stGle! title.

UrbanValdera /Modartech http://webgraphicdesigner.wikispaces.com/ 23 di 23

http://www.modartech.com