tableaux HTML sont utilisées pour subdiviser une page Web en modules organisés. Lorsque vous utilisez des tableaux pour la mise en page , il peut être nécessaire d' imbriquer un tableau dans un autre . Une situation qui appelle à ce processus est une table de navigation au sein d'une cellule d'un tableau de mise en page . Choses que vous devez
éditeur de texte , comme SourceEdit
logiciel de téléchargement de documents, comme FileZilla
Server espace
Voir Plus Instructions
Mise en page
1

Tapez le code suivant pour créer la page web XHTML de base : < DOCTYPE html PUBLIC "- //W3C //DTD XHTML 1.0 Transitional //eN" " http://www.w3.org/TR/xhtml1/! DTD/xhtml1-transitional.dtd "> < html xmlns =" http://www.w3.org/1999/xhtml "xml : lang = " fr " Page 2

type "nested table Page de navigation » entre les , comme indiqué: imbriqué table de navigation Page < /title> <br> < br > Type 3 <p> le <table> </table> balises entre le < body /body> , donnent l'étiquette de <table> début de l'attribut " frontière " et réglez égal à " 1 . " <table border="1"> </table> <br> 4 <p> Ajouter trois paires de " ligne de table balises " entre le début et la fin <table> </table> balises . Ajoutez une paire de " tableau de données " balises pour les lignes 1 et 2 et trois paires de " tableau de données " balises à la ligne 3 . Ensuite, ajoutez l'attribut " colspan " et réglez égal à " 3" dans le " Tableau de donnée de " balises dans les lignes 1 et 2, comme indiqué: <td colspan="3"> </td> </tr> <td <br> 5 <p> Ajouter l'attribut " width " et réglez égal à " 100% " dans le but d'étendre la taille de la table à la largeur de la page: < table border = largeur "1" = " 100% »> <br> 6 <p> Ajoutez un peu de contenu entre les " balises de données de table " dans les lignes 1 et 3 afin d'élargir la table à la hauteur de la page . <tr> <td colspan = "3"> <h1> tables imbriquées </h1> </td> </tr> <td colspan="3"> </td> </tr> < ; tr> <td> <h2> contenu Section One </h2> < /td> <td> <h2> contenu Section Deux </h2> < /td> <td> <h2> ; contenu Troisième section </h2> </td> </tr> <br> 7 <p> Enregistrez votre document comme " nested- tables.html " et transférez-le sur votre serveur. L'image ci-jointe est de savoir comment la page ressemble à ce jour. <br> Niché table de navigation <br> 8 Type de <p> le début et la fin balises "table" entre les " données tableau« balises ligne 2, comme indiqué: <td colspan="3"> <table> </table > </td> < /tr> <br> 9 <p> Ajouter les deux « lignes table" balises entre le début et la fin balises "table" dans la rangée 2 : <tr> < td <br> 10 <p> Ajouter cinq paires de " tableau de données " balises entre chaque paire de " ligne de table " balises , comme indiqué: <tr> <td <br> 11 <p> type " Page One " à travers " la page Five" entre la première rangée de balises " de données de table " , et " Page Six " à travers " la page Ten" à travers la deuxième rangée de balises " de données de table " . Cela vous aidera à remplir l'espace de démontrer la structure de la table imbriquée . <tr> <td> Page One </td> <td> Page deux </td> <td> Page trois </td> <td> page quatre </td> <td> cinq pages </td> </tr> <td> page Six </td> <td> page Seven </td> < ; td> page Eight </td> <td> page Nine </td> <td> page Ten </td> </tr> <br> 12 <p> Ajouter des attributs de largeur et de frontière au début tag "table" dans la ligne de la table de la mise en page 2, le réglage de la "largeur" égal à " 100% " et la "frontière" égal à " 1": <table width = border "100% " = " 1 »> <br> 13 <p> Enregistrer et télécharger votre document. Comme vous pouvez le voir sur l'image ci-joint , le tableau de mise en page entoure la table de navigation. La table de navigation est imbriqué dans le « tableau de données " tag de la ligne 2 . <br> <br> <div class=fr4><script language='javascript' src='http://www.ordinateur.cc/ad/fr/4.js'></script></div> <div class=fr5><script language='javascript' src='http://www.ordinateur.cc/ad/fr/5.js'></script></div> </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center" > </td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="39" align="left" >Article précédent：<span class="nr"> <a class='LinkPrevArticle' href='/programmation/Computer-Programming-Languages/88784.html' >Binary Tree Méthodes Traversal </a></li></span><br /> Article suivant：<span class="nr"> <a class='LinkNextArticle' href='/programmation/Computer-Programming-Languages/88786.html' >Comment faire pour créer des pages Web dynamiques avec PHP </a></li></span></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="96%" height="22" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#EFEFEF"> <tr> <td width="2%" align="left" ></td> <td width="98%" align="left" >Articles recommandés</td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" > <li><a href="/programmation/Computer-Programming-Languages/86990.html">Comment faire un saut de ligne dans XSLT </a></li><li><a href="/programmation/Computer-Programming-Languages/87625.html">Comment faire de chevauchement Divs CSS Move Together </a></li><li><a href="/programmation/Computer-Programming-Languages/88011.html">Comment calculer le nombre maximum de curseurs ouverts </a></li><li><a href="/programmation/Computer-Programming-Languages/87949.html">Comment faire des programmes pour Razr Téléphones </a></li><li><a href="/programmation/Computer-Programming-Languages/87033.html">Comment communiquer avec une DLL dans un autre processus </a></li><li><a href="/programmation/Computer-Programming-Languages/86604.html">Comment faire pour augmenter un vecteur dans MATLAB </a></li><li><a href="/programmation/Computer-Programming-Languages/87593.html">Comment écrire un script pour Mac OS X </a></li><li><a href="/programmation/Computer-Programming-Languages/86865.html">Comment formater un contrôle GridView </a></li><li><a href="/programmation/Computer-Programming-Languages/86870.html">Comment lire une valeur unique entier de l'Utilisateur </a></li><li><a href="/programmation/Computer-Programming-Languages/87178.html">Comment faire pour convertir une instruction Transact- SQL date en chaîne </a></li> </td> </tr> </table> <table width="95%" height="10" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="left" ></td> </tr> </table></td> </tr> </table> <table width="980" height="12" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td></td> </tr> </table> <table width="980" height="90" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#3597E2"> <tr> <td align="center" class="foot">Connaissances Informatiques © http://www.ordinateur.cc <br /> </td> </tr> </table>   </body> </html>