|
|
|
| Nested Tabla Tutorial HTML |
|
HTML es un lenguaje básico de desarrollo de páginas web , sino que utiliza un sistema de etiquetas predefinidas encerrados dentro de los símbolos "<" y ">" . Cada línea de código tiene una etiqueta abierta y una cerrada Tag : < /tag> . La información que desea mostrar en la página se encuentra entre las etiquetas de apertura y cierre . Una de las características avanzadas del lenguaje de programación HTML es la mesa , sino que se incluye dentro del conjunto de etiqueta de tabla : < /table> . Creación de una tabla en HTML
Utilizando las etiquetas de tabla abierta y cerrada que puede crear una sencilla estructura de la tabla , puede utilizar las muchas otras marcas disponibles en la familia de las etiquetas que se utilizan dentro de la tabla HTML a crear algo muy complejo. Los elementos de estilo definen el tamaño , la posición, fronterizos y otros atributos de la tabla. La información de estilo se añadiría sólo a la etiqueta abierta , como un ejemplo, para añadir un borde de 1 píxel en la tabla que usaría este sistema tag: < /table> < . br> La propia etiqueta de tabla no produce las células de la pantalla, sin embargo. Con el fin de producir las células , que tendrá que añadir un conjunto de etiquetas entre las etiquetas de mesa abierta y cerrada. Los conjuntos de etiquetas utilizadas para crear filas y columnas son los < /tr> y < /td> etiquetas , la etiqueta " tr " es para la creación de una fila y la etiqueta de " td " es para la creación de una columna . También puede utilizar el " th" etiqueta en lugar de la etiqueta " td " para crear una cabecera de la tabla , lo que automáticamente los estilos de los contenidos de la celda que lo distingue como un encabezado
Las reglas para la programación de una tabla. estado que debe incluir las etiquetas " td " dentro de las etiquetas " tr " dentro de las etiquetas " tabla" . Un cuadro de una célula simple con un borde de 1 píxel alrededor de ella se vería así : | Fila 1 , Columna 1 < /td > < /tr > < /table> . Para crear más columnas sólo tendría que poner más | < /td> etiquetas dentro del | , y para crear más filas que añadir más < /tr > etiquetas en las < /table> etiquetas.
tablas HTML anidación
mesas nido significa simplemente colocando una tabla dentro de una celda de otra tabla. La nueva tabla se coloca entre el | de la tabla primaria . Un cuadro de una célula simple con un borde de 1 píxel dentro de una tabla de dos células con un borde de 1 píxel se vería así : | Row 1 , Columna 1 < /td > | Fila 1 , Columna 2 - tabla anidada < /td > < /tr > < /table> < /td > < /tr > < /table> . La tabla anidada en este ejemplo se encuentra en la primera fila y la segunda columna , puede agregar más etiquetas " td " "tr " y la tabla anidada , añadir más etiquetas " td " "tr" y para la tabla padre o incluso añadir más tablas anidadas dentro de las celdas de la tabla padre o la tabla anidada para crear una estructura más compleja .
Consejos para mesas nido
Cuando empezar a hacer tablas y anidación a crear estructuras más complejas que puede llegar a ser muy confuso. Es una buena idea para dibujar un diagrama de las tablas antes de empezar para que pueda referirse a ella y tomar notas a medida que trabaja. Al crear el código, cada nuevo conjunto de etiquetas debe tener su propia línea , poner en un final de carrera ( Intro) después de cada etiqueta de cerrado y luego añadir pestañas para separar cada conjunto de etiquetas . Este tipo de estructura hará que sus tablas más fáciles de leer
También puede comentar las líneas en su programación con un conjunto especial de etiquetas comentario ; ". ! <- " Utilizar para abrir el comentario y "- - > "para cerrarla. Comentando se puede colocar en cualquier lugar de la codificación HTML y es una buena manera de añadir notas para acordarse de lo que ha codificado .
Crear su anidado de abajo hacia arriba es también una buena manera de evitar confusiones. Usted quiere comenzar con su tabla de conjunto más profundo ( consulte el diagrama que ha creado ) y luego encerrarlo en la tabla padre y continuar trabajando hacia el exterior de esta manera. Guarde su trabajo con frecuencia y carga la página en un navegador para asegurarse de que la estructura se está convirtiendo en la forma en que usted imagina.
|
|
| Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
|
| | | |
