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=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/programmation/computer-programming-languages/88784.html' >Binary Tree Méthodes Traversal </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/programmation/computer-programming-languages/88786.html' >Comment faire pour créer des pages Web dynamiques avec PHP </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> articles connexes </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88792.html" title="Comment changer icône de la souris sur Mouseover " target="_self">Comment changer icône de la souris sur Mouseover </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87599.html" title="Différences entre HTML 5 et HTML 4 " target="_self">Différences entre HTML 5 et HTML 4 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88863.html" title="Comment définir la largeur de l'image et de hauteur à l'aide HTML Programmation " target="_self">Comment définir la largeur de l'image et de hauteur à…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88499.html" title="Comment faire pour convertir EXE à code " target="_self">Comment faire pour convertir EXE à code </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86658.html" title="Comment lire un répertoire dans Scala " target="_self">Comment lire un répertoire dans Scala </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87308.html" title="Différences entre EXISTS & IN dans SQL " target="_self">Différences entre EXISTS & IN dans SQL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87247.html" title="Qu'est-ce qu'un double littéral " target="_self">Qu'est-ce qu'un double littéral </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86997.html" title="Comment déclencher un événement ItemDrag " target="_self">Comment déclencher un événement ItemDrag </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88589.html" title="Comment rédiger un document de conception de logiciels " target="_self">Comment rédiger un document de conception de logiciels…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/86576.html" title="API OpenVex " target="_self">API OpenVex </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">articles en vedette </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/92591.html" title="Comment faire une déclaration Include " target="_self">Comment faire une déclaration Include </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/94342.html" title="Comment ouvrir un DB dans Xcode " target="_self">Comment ouvrir un DB dans Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/94324.html" title="VB6 Run Time Error 70 : Permission Denied " target="_self">VB6 Run Time Error 70 : Permission Denied </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/87508.html" title="Comment faire pour installer QBasic " target="_self">Comment faire pour installer QBasic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/visual-basics-programming/95757.html" title="Comment mettre à jour une ligne en mode Grille " target="_self">Comment mettre à jour une ligne en mode Grille </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/php-mysql-programming/92658.html" title="Comment utiliser les GUID comme principale clé " target="_self">Comment utiliser les GUID comme principale clé </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/java-programming/89668.html" title="Comment faire pour installer OpenCms " target="_self">Comment faire pour installer OpenCms </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/85738.html" title="Comment faire pour supprimer l'exposant à un flotteur en C + + " target="_self">Comment faire pour supprimer l'exposant à un flotteur …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/computer-programming-languages/88047.html" title="Comment développer un pilote de périphérique pour DOS " target="_self">Comment développer un pilote de périphérique pour DO…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmation/cc-programming/85868.html" title="Comment lancer pointeurs de fonction " target="_self">Comment lancer pointeurs de fonction </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Connaissances Informatiques http://fr.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
