tablas HTML se utilizan para subdividir una página web en módulos organizados. Cuando el uso de tablas para maquetar la página , puede que sea necesario para anidar una tabla dentro de una tabla. Una situación que llama para este proceso es una tabla de la navegación dentro de una celda de una tabla de composición de páginas . Cosas que necesitará editor de Texto Fotos , tales como SourceEdit
software de carga de documentos , como FileZilla DeCS Server espacio
Ver Más instrucciones de diseño de página
1
Escriba el siguiente código para crear la página web básica XHTML : < 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 = " es " Página 2
Type " anidada Tabla Navegación " entre los
< /title> etiquetas , como se muestra: <title> anidada Tabla Navegación < /title> <br> < br > 3 <p> Escriba el <table> < /TABLE>, entre el < <body> /body> , dan la etiqueta <table> comienzo el atributo "border " y establezca su valor en " 1 . " <table border="1"> < /table> <br> 4 <p> Añada tres pares de " fila de etiquetas de tabla " entre el comienzo y el final <table> < /table> etiquetas. Añadir un par de etiquetas de " tabla de datos " para las filas 1 y 2 y tres pares de etiquetas " tabla de datos " a la fila 3 . A continuación, añada el atributo " colspan " y establezca su valor en " 3 " dentro de los " datos de la tabla " etiquetas de las filas 1 y 2 , como se muestra: <tr> <td colspan="3"> < /td > < /tr> < td Página 5 <p> Añada el atributo " width" y lo puso igual a " 100 % " con el fin de ampliar el tamaño de la tabla a la anchura de la página: <table border = width " 1 " = " 100 % "> <br> 6 <p> Agregue un poco de contenido entre las " etiquetas de datos de tabla "en las filas 1 y 3 con el fin de ampliar la mesa a la altura de la página . <tr> < td colspan = " 3 "> <h1> tablas anidadas < /h1 > < /td > < /tr> <td colspan="3"> < /td > < /tr > < ; tr> <td> <h2> contenido Sección Primera < /h2 > < /td > <td> <h2> contenido Sección Dos < /h2 > < /td > <td> <h2> ; contenido Sección Tercera < /h2 > < /td > < /tr > <br> 7 <p> Guarde el documento como " anidada tables.html " y subirlo a tu servidor. La imagen adjunta es como la página se ve hasta el momento. <br> Anidado navegación Tabla <br> 8 <p> Escriba el comienzo y el final tags " tabla" entre "los datos de la tabla " etiquetas de fila 2, como se muestra: <tr> <td colspan="3"> <table> < /table> < /td > < /tr > <br> 9 <p> Añadir los dos " filas de la tabla " etiquetas entre el inicio y final tags " tabla" en la fila 2 : <tr> < td página 10 <p> Añada cinco pares de etiquetas " tabla de datos " entre cada par de " fila de la tabla " etiquetas , como se muestra: <tr> < td Foto 11 <p> Type " Page One " a través de " Page Five " en medio de la primera fila de etiquetas " tabla de datos " , y " Página Ten" " Page Six " a través de la segunda fila de etiquetas " tabla de datos " . Esto le ayudará a llenar el espacio para demostrar la estructura de la tabla anidada. <tr> <td> Page One < /td > <td> Page Two < /td > <td> Page Three < /td > <td> Page Four < /td > <td> Page Five < /td > < /tr> <td> Page Six < /td > <td> Página Seven < /td > < ; td > Page Eight < /td > <td> Página Nine < /td > <td> Página Ten < /td > < /tr > <br> 12 <p> Añada los atributos de anchura y de la frontera al principio tag " mesa" en fila de la tabla de la página de diseño 2 , estableciendo el "ancho" igual a " 100 %" y la "frontera" igual a " 1 ": < table width = frontera " 100 % " = " 1 "> <br> 13 <p> Guardar y cargar el documento. Como se puede ver en la imagen adjunta , la tabla de composición de páginas rodea la mesa de navegación . La mesa de navegación está anidada dentro de la " tabla de datos " de la etiqueta de la fila 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='/Programacion/computer-programming-languages/88784.html' >Binary Tree Traversal Métodos </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/computer-programming-languages/88786.html' >Cómo crear páginas web dinámicas con 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"> Artículos relacionados </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="/Programacion/computer-programming-languages/88025.html" title="Pros y contras de una Instrucción ReDim " target="_self">Pros y contras de una Instrucción ReDim </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88260.html" title="Cómo cambiar la contraseña SYSMAN " target="_self">Cómo cambiar la contraseña SYSMAN </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88834.html" title="Cómo comprobar si existe un archivo utilizando VBScript " target="_self">Cómo comprobar si existe un archivo utilizando VBScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87572.html" title="El límite de caracteres de cuadros de entrada de HTML " target="_self">El límite de caracteres de cuadros de entrada de HTML </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87889.html" title="Cómo visualizar una pantalla de error personalizado cuando reinicio CF " target="_self">Cómo visualizar una pantalla de error personalizado cu…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88165.html" title="Apache Struts Tutorial " target="_self">Apache Struts Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87696.html" title="Cómo mover VARCHAR2 a NCLOB " target="_self">Cómo mover VARCHAR2 a NCLOB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86950.html" title="Cómo abrir un archivo ICD " target="_self">Cómo abrir un archivo ICD </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88112.html" title="Tipos opacas " target="_self">Tipos opacas </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86646.html" title="La División de Identificación en COBOL " target="_self">La División de Identificación en COBOL </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">Artículos destacados </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="/Programacion/java-programming/89111.html" title="Cómo volver a pintar un problema en Java " target="_self">Cómo volver a pintar un problema en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85689.html" title="Cómo asignar una matriz 2D Uso Malloc " target="_self">Cómo asignar una matriz 2D Uso Malloc </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88849.html" title="Cómo hacer tu propio Web Browser en C # " target="_self">Cómo hacer tu propio Web Browser en C # </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88093.html" title="Cómo descompilar Juegos flash " target="_self">Cómo descompilar Juegos flash </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89343.html" title="Cómo convertir una cadena en un archivo en Java " target="_self">Cómo convertir una cadena en un archivo en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95163.html" title="Cómo utilizar decimales en Visual Basic " target="_self">Cómo utilizar decimales en Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/90583.html" title="Cómo iniciar un navegador de Web en Java " target="_self">Cómo iniciar un navegador de Web en Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95053.html" title="Cómo escribir un archivo en Visual Basic 6 " target="_self">Cómo escribir un archivo en Visual Basic 6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92531.html" title="Cómo incluir funciones de PHP desde otro archivo " target="_self">Cómo incluir funciones de PHP desde otro archivo </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86962.html" title="Cómo analizar con expresiones regulares " target="_self">Cómo analizar con expresiones regulares </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 © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
