Cuando la construcción de un sitio web en HTML , usted puede encontrar una tabla útil para organizar una pequeña cantidad de información en filas y columnas. Tablas se han utilizado desde los albores de la Web , y se utiliza para jugar un papel importante en la estructura física de una página web. Las tablas son relativamente limitados en términos de donde se puede colocar el contenido dentro de ellos , pero lo hacen obedecer código lidiar con la alineación del contenido de la celda . Imágenes y texto por defecto para el centro de la célula , verticalmente hablando , sino una simple adición código mueve este contenido a la parte superior de la celda . Valign Código
Para mover el texto o una imagen en la parte superior de una célula , agregue el código siguiente al
o etiqueta | :
valign = " top "
valign significa" alineación vertical " . Si el contenido de la celda no se alinean en la parte superior , asegúrese de que ha cerrado la palabra "top" entre comillas , y que tiene tanto y la apertura y cierre de corchetes en torno a las etiquetas. " Valign " es diferente de " alinear ", que trata de la horizontal en lugar de la alineación vertical dentro de una célula.
Tabla Estructura Código
Una simple tabla de dos filas y dos columnas pueden tener el siguiente código:
Columna Una Header < /th >
| Columna Dos Header < /th >
< /tr >
|
Columna Uno de Datos < /td >
| dos columnas de datos < /td >
< /tr >
< /table >
código , simplemente inicia la estructura de la tabla . El código representa fila de la tabla y se introduce la fila. Puede añadir tantas celdas como quieras, en este caso dos , con cada | o mesa etiqueta de cabecera . Puede finalizar una fila mediante la adición de la etiqueta . Esta tabla tiene sólo una fila más , iniciado por otra etiqueta | , y dos células más en esa fila definida por las dos etiquetas | . Puedes añadir el código = "top" valign dentro de cualquiera de estas etiquetas | o | arriba a alinear todo el contenido de esa celda.
Tabla Header
las células que se definen como encabezados de tabla ( con la etiqueta | ) consisten en la fila en la parte superior de la tabla . El formato del encabezado de tabla por defecto contenido de texto en negrita con las alineaciones horizontales y verticales centrados . Si desea alinear verticalmente el contenido de la parte superior , el código de esta celda debe decir:
| columna de un Header < /th >
crea texto que aparecerá en negrita , centrados horizontalmente y alineadas verticalmente a la parte superior de la celda.
tabla de datos
las células se definen como datos de la tabla ( con el < td > tag) normalmente consisten en el resto de la información en la tabla. El estilo de estas células defecto peso del texto normal, vertical centrado y alineación izquierda . Para verticalmente de arriba alinear el contenido de estas células , el código debe ser:
| Uno de Datos < /td >
Esto hace que el contenido se alinean a la esquina superior izquierda de la celda .
|
|
| 