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="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88784.html' >Binary Tree Traversal Métodos </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88786.html' >Cómo crear páginas web dinámicas con PHP </a> </div>
</div>
<dl class=xgc>
<dt><span>Lenguajes De Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87519.html">Cómo corregir un espaciado de tabulación en Eclipse </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86908.html">Cómo configurar un Flex PMD </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88652.html">Cómo utilizar Tutoriales de casos </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87505.html">Cómo hacer Fronteras Gráfico </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86951.html">Cómo crear un Grupo de Redo Log </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87868.html">Las diferencias entre los Enlaces y botones rollover </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/86692.html">Cómo almacenar en caché Javascript externo </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88584.html">Crear una página Web Design Diseño </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87890.html" >Cómo hacer un archivo Setup.exe </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87460.html" >¿Qué es Buffer y Retirar del búfer de memoria </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88296.html" >Cómo validar una dirección de correo en ASP.Net </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87196.html" >Cómo calcular Gradient Color </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/315587.html" >¿Qué tipo de programación de computadoras se puede hacer en el sitio web de Nebulul Apps? </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87488.html" >Código Hex para Apostrophe </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/292107.html" >¿Qué es un estándar de codificación de caracteres? </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/88456.html" >Cómo editar un archivo MSI </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87717.html" >Cómo hacer un espacio entre palabras en PHP </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/294331.html" >¿Qué son los lenguajes de consulta? </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87636.html" >PowerPoint Presentation Ideas para una clase de computación Trabajo en casa </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/87911.html" >¿Cuáles son los tipos de datos de casos Declaración </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimiento de la computadora © http://www.ordenador.online</div>
</div>
</body>
</html> 