El código html en células Top Alinear

Cuando la construcción de un sitio web en HTML, 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 relativas a la alineación del contenido de la celda. Imágenes y predeterminado de texto hacia el centro de la célula, hablando verticalmente, sino una simple adición código mueve a la parte superior de la célula de este contenido.

Código valign

Para mover texto o una imagen a la parte superior de una célula, agregue el código siguiente a la <td> o <th> etiqueta:

valign = "top"

Valign es sinónimo de "alineación vertical." Si el contenido de la celda no se alinean a la parte superior, asegúrese de que ha cerrado la palabra "superior" con comillas, y que tiene tanto y soportes de apertura y cierre alrededor de las etiquetas. "Valign" es diferente de "align", que se ocupa de la alineación horizontal en vez de vertical dentro de una célula.

Tabla de cifrado Estructura

Una sencilla tabla de dos filas y dos columnas puede tener el siguiente código:

<Table>

<Tr>

<Th> columna de un encabezado </ th>

<Th> Columna Dos Encabezado </ th>

</ Tr>

<Tr>

<Td> Columna Uno de datos </ td>

<Td> Columna Dos de datos </ td>

</ Tr>

</ Table>

El código <table> simplemente comienza la estructura de la tabla. El código <tr> significa fila de la tabla e introduce la fila. Puede añadir tantas células como desee, en este caso dos, con cada <th>, o código de cabecera de la mesa. Puede finalizar una fila mediante la adición de la etiqueta <tr />. Esta tabla tiene sólo una fila más, iniciado por otra etiqueta <tr>, y dos células más en esa fila definido por las dos etiquetas <td>. Puede añadir el valign = código "arriba" dentro de cualquiera de estos <TH> o <td> arriba a alinear todo el contenido de esa celda.

cabecera de la tabla

Las células que se definen como encabezados de la tabla (con la etiqueta <th>) consisten en la fila en la parte superior de la tabla. El formato de los valores predeterminados de contenido cabecera de la tabla de texto en negrita con alineaciones horizontales y verticales centrados. Si desea alinear verticalmente el contenido de la parte superior, el código para esta celda debe decir:

<Th valign = "top"> columna de un encabezado </ th>

Esto crea texto que está en negrita, centrado horizontalmente y verticalmente alineada con la parte superior de la celda.

Tabla de datos

Las células se definen como datos de la tabla (con la etiqueta <td>) consisten normalmente en el resto de la información de la tabla. El estilo de estas células por defecto de peso texto normal, centrado vertical y la izquierda-alineación. Verticalmente de arriba alinear el contenido de estas células, el código debe decir:

<Td valign = "top"> columna de un Data </ ​​td>

Esto hace que los contenidos se alinean a la esquina superior izquierda de la celda.