agregue el parámetro de alineación con el valor center, como se muestra en el ejemplo 1.
Ejemplo 1. Usando SHTML
Mesa en el centro de la ventana.
Burro |
Experimentado |
Cobarde |
shúrik |
El resultado de este ejemplo se muestra en la Fig. 1.
Tenga en cuenta que DOCTYPE se utiliza de forma transitoria; de lo contrario, el código no superará la validación.
Una forma más cómoda de alinear una tabla se basa en estilos. En este caso, el selector TABLE debe tener un atributo de margen establecido en 0 auto. El argumento indica que las sangrías verticales son cero y que la izquierda y la derecha de la tabla se calculan automáticamente. En este caso esto conduce precisamente al centrado de la mesa (ejemplo 2).
Ejemplo 2: usar CSS
Mesa en el centro de la ventana.
Burro |
Experimentado |
Cobarde |
shúrik |
o propiedades HTML de tablas y celdas usando ejemplos
seguimos estudiando tablas HTML. La lección actual le enseñará cómo instalar tamaño de la mesa, alinee su contenido, o más bien el contenido de las celdas, vertical y horizontalmente. También aprenderá a determinar encabezado de tabla HTML.
Navegación de página
Ancho y alto de celda de tabla HTML (tamaño de celda)
Alto y ancho de celda HTML, tamaño definido por los siguientes atributos:
Se establecieron las dimensiones de la primera celda de la primera fila. Como resultado, la segunda celda de la misma fila heredó la altura de la primera y la primera celda de la segunda fila heredó su ancho (el ancho de la primera celda, primera fila). Ésta es la peculiaridad de la interacción de elementos. tablas HTML.
Alineación HTML horizontal en tabla y celda, texto
Alineación HTML dentro de una tabla. Texto a la izquierda, derecha y centro de las celdas de la tabla.:
Resultado:
Resultado:
Resultado:
Etiquetas
| determinar encabezado de tabla HTML.
Tabla HTML centrada, izquierda, derecha
Diseño horizontal de la tabla HTML dentro de la pagina web:
El ejemplo anterior muestra tres mesas, cada uno de los cuales consta de una celda. bgcolor - HTML atributo: define el color de fondo. En la lección anterior lo usamos. CSS analógico - color de fondo .
Tabla HTML ubicada dentro de una celda.
Dentro de la segunda celda hay otra. mesa con atributos, significados y estilos propios.
Dimensiones y fondo de la mesa interna., a diferencia del externo, se especifican mediante CSS.
Debería ser fácil para el visitante encontrar la información que necesita en la página. Para ello se utilizan varias etiquetas HTML, así como para expresar alguna expresión. Este artículo discutirá los matices de trabajar con tablas, en particular su alineación.
Sutilezas básicas
En primer lugar cabe destacar que esta forma gráfica de presentación de datos permite estructurar la información, lo que facilita enormemente su asimilación. Casi cualquier contenido puede estar dentro de las celdas de la tabla: desde texto hasta video. Es importante tener en cuenta no sólo el tamaño, sino también su ubicación.
Cómo centrar la propia mesa
La mayoría de las veces, es necesario colocar la tabla en el centro de la página, aunque inicialmente se presiona hacia el lado izquierdo de la página. Para alinearlo con el centro, debe configurar su propiedad de margen en automático.
Esto hace que la sangría de la tabla se calcule automáticamente. Después de esto, la tabla estará en el centro de la página.
Alineación central en celdas.
Con la misma frecuencia, es necesario alinear los datos con el centro de la celda. Hay tres formas de hacerlo: horizontal, vertical y absoluta. Por su nombre queda claro a lo largo de qué eje se realizará el centrado. En cualquier caso, se utiliza la etiqueta.
, responsable de una celda específica en una fila. A continuación, debe asignar a sus atributos valign (vertical) y/o align (horizontal) el valor "centro", dependiendo de su tarea:
| Texto centrado en la celda. |
Si desea que este formato sea estándar para todo el sitio o página (para no reescribir cada tabla), entonces debe usar estilos CSS. Para hacer esto, agregue el siguiente código dentro de la etiqueta :
Con este método, también puede establecer la alineación de una celda, columna, fila o toda la tabla específica. Como puedes ver, cualquiera de los métodos es muy sencillo.
Debería ser fácil para el visitante encontrar la información que necesita en la página. Para ello se utilizan varias etiquetas HTML, así como para expresar alguna expresión. Este artículo discutirá los matices de trabajar con tablas, en particular su alineación.
Sutilezas básicas
En primer lugar cabe destacar que esta forma gráfica de presentación de datos permite estructurar la información, lo que facilita enormemente su asimilación. Casi cualquier contenido puede estar dentro de las celdas de la tabla: desde texto hasta video. Es importante tener en cuenta no sólo el tamaño, sino también su ubicación.
Cómo centrar la propia mesa
La mayoría de las veces, es necesario colocar la tabla en el centro de la página, aunque inicialmente se presiona hacia el lado izquierdo de la página. Para alinearlo con el centro, debe configurar su propiedad de margen en automático.
Esto hace que la sangría de la tabla se calcule automáticamente. Después de esto, la tabla estará en el centro de la página.
Alineación central en celdas.
Con la misma frecuencia, es necesario alinear los datos con el centro de la celda. Hay tres formas de hacerlo: horizontal, vertical y absoluta. Por su nombre queda claro a lo largo de qué eje se realizará el centrado. En cualquier caso, se utiliza la etiqueta. | , responsable de una celda específica en una fila. A continuación, debe asignar a sus atributos valign (vertical) y/o align (horizontal) el valor "centro", dependiendo de su tarea:
| Texto centrado en la celda. |
Si desea que este formato sea estándar para todo el sitio o página (para no reescribir cada tabla), entonces debe usar estilos CSS. Para hacer esto, agregue el siguiente código dentro de la etiqueta :
Con este método, también puede establecer la alineación de una celda, columna, fila o toda la tabla específica. Como puedes ver, cualquiera de los métodos es muy sencillo.
|
