Hogar › Ajustes › Formato físico HTML. Reglas para la construcción de documentos HTML. Etiquetas de formato de texto lógico

Formato físico HTML. Reglas para la construcción de documentos HTML. Etiquetas de formato de texto lógico

Las tablas se utilizan ampliamente en la documentación electrónica y para las páginas web se utilizan no solo en el sentido tradicional, como método de pedido. presentación de datos, pero también para formatear estas páginas. La descripción de la tabla en HTML se coloca dentro del cuerpo del documento, es decir, en un contenedor. Y.<ТАВLЕ>YSe permite cualquier número de tablas dentro de un documento, algunas de las cuales pueden estar anidadas. Cada tabla se crea dentro de un contenedor.

, donde se ubica una descripción de la estructura de la propia tabla y su contenido. Cada fila de la tabla se coloca después de la etiqueta.<ТН>(Fila de la tabla). Cada celda de la tabla dentro de una fila está decorada con una etiqueta. (Encabezado de tabla): para la parte del encabezado de la tabla o

(Datos de tabla): para celdas en las que se encuentran los datos. La sección de encabezado predeterminada está en negrita y centrada. La visualización predeterminada de datos es normal (clara) y alineada a la izquierda. Cabe señalar que para todas las etiquetas enumeradas en este párrafo, la etiqueta de cierre es opcional, es decir, se puede omitir. El número de filas de la tabla está determinado por el número etiquetas de línea , y el número de columnas es cantidad máxima<ТН>etiquetas o en una de las líneas. Una línea es todo lo que sigue a la siguiente etiqueta. Y y hasta la próxima etiqueta de este tipo. Para una celda de tabla que no contiene datos, debe usar un contenedor vacío . Si celdas vacias

se encuentran al final de la línea, se puede omitir su descripción: el propio navegador dejará vacía la cantidad requerida de celdas. Y La tabla puede tener un nombre, lo que en la práctica editorial se llama título temático (a diferencia de un título numerado), y si en una edición impresa el título se encuentra necesariamente encima de la tabla, en una edición electrónica se puede ubicar tanto arriba y abajo. El encabezado está ubicado dentro del contenedor.<ТАВLЕ>. , El contenedor especificado debe colocarse dentro de una etiqueta de contenedor.

, pero fuera del área de descripción de la etiqueta Originalmente había un parámetro ALIGN opcional, que estaba destinado a la alineación vertical y podía tomar uno de dos valores: SUPERIOR (predeterminado) o INFERIOR. Entonces quedó claro que era necesario alinear los estribos horizontales. parámetros estándar IZQUIERDA, DERECHA y CENTRO. Sin embargo, no puede utilizar el mismo parámetro dos veces en la misma etiqueta. Por lo tanto en versiones modernas El parámetro de lenguaje HTML ALIGN (por defecto ALIGN=LEFT) se deja para la alineación horizontal y alineación vertical

(más precisamente, colocar el encabezado encima o debajo de la tabla) se realiza utilizando el parámetro VALIGN.

en la etiqueta Se pueden utilizar los siguientes parámetros: BORDE, CELLSPACING, CELLPADDING, WIDTH, ALIGN, HEIGHT y BACKGROUND. El parámetro BORDER controla la visualización de un borde alrededor de cada celda de la tabla (es decir, especifica la vertical y la líneas horizontales grid) y alrededor de toda la tabla, y su valor especifica el grosor del marco en píxeles alrededor de toda la tabla, y la sola presencia de este parámetro especifica las líneas de la cuadrícula. Significado Parámetro FRONTERA

apareció sólo en la versión 3.2 de la especificación HTML; antes de eso, el grosor de los bordes alrededor de la tabla no estaba regulado. El parámetro CELLSPACING especifica la distancia entre celdas adyacentes horizontal y verticalmente, y esta distancia se especifica en píxeles, es decir, dentro de cada celda se crea algo así como un marco y solo cuando CELLSPACING=0 se crean estos marcos. células individuales

fusionarse en una sola malla. El parámetro CELLPADDING determina la distancia entre el marco alrededor de la celda y los datos dentro de ella, es decir, la cantidad de sangría de los caracteres del marco. Con CELLPADDING=0, el texto puede tocar el marco, lo cual no es bienvenido desde una perspectiva de diseño. El valor predeterminado es CELLSPACING=2 y CELLPADDING=1, en cuyo caso la distancia entre datos en celdas adyacentes será igual a 6 píxeles. Los parámetros ANCHO y ALTO le permiten establecer el ancho y el alto de la tabla tanto en unidades absolutas (píxeles) como en unidades relativas (porcentajes relativos al tamaño de la ventana del navegador). En la mayoría de los casos, el navegador no requiere estas dimensiones, ya que calcula automáticamente las dimensiones de la tabla, teniendo en cuenta muchos factores, incluidos los parámetros del documento en su conjunto, el número de celdas de la tabla y su llenado. El navegador intenta instalar esto.

Cabe señalar que incluso al configurar los valores de los parámetros WIDTH y HEIGHT, no hay garantía de que sean respetados por el navegador. Si el ancho de la tabla es mayor que el ancho de la ventana gráfica, el navegador intentará reducir el ancho al ancho requerido reduciendo proporcionalmente el tamaño de las columnas, y solo si esto falla establecerá el ancho de la tabla especificado proporcionando la ventana con un control deslizante.

El parámetro ALIGN especifica alineación horizontal tablas en la ventana gráfica del navegador. Hay dos valores posibles para este parámetro: IZQUIERDA y DERECHA, cada uno de los cuales garantiza que el texto del documento fluya alrededor de la tabla desde el lado opuesto. Esto corresponde a la mesa de volantes de la edición impresa. De forma predeterminada, ALINEAR está configurado en IZQUIERDA. Si se omite el parámetro ALIGN, no habrá ningún texto al lado de la tabla, es decir, la tabla tendrá formato o franjas (cuando ocupa toda la página verticalmente), utilizando los términos adoptados en publicaciones impresas

. No se proporciona el valor del parámetro ALIGN=CENTER. Sin embargo, si queremos centrar la mesa, podemos ir por otro camino: encerrar un contenedor

norte Y, que describe toda la tabla en un contenedor

Sergeyev I.D. Lavrov V.V. Ejemplo de visualización

navegador de documentos

, que incluye el fragmento anterior, se muestra en la Fig. 2.8.<ТАВLЕ>La figura muestra claramente el marco alrededor de la tabla y el hecho de que la tabla está alineada a la izquierda y rodeada de texto a la derecha. El texto utilizado es un fragmento del segundo párrafo que comienza en esta página. Tenga en cuenta que aunque toda la tabla está alineada a la izquierda, los datos de cada fila están alineados a la derecha. Formalmente, sería posible alinear el texto de forma diferente en cada celda. Sin embargo, visualmente resultaría muy desagradable.<ТН>Y

Recordemos que este último tiene un nivel de bloque, es decir, formatea cualquier cantidad de datos colocados en su interior (ver § 2.2). Tenga en cuenta que el parámetro ALIGN también se puede utilizar para dar formato a los datos dentro de cada celda de la tabla, por ejemplo:

Apellido

Calificación 5

Ivanov A.N.

Para un diseño de franjas de alta calidad, los datos de todas las celdas de una columna de la tabla deben estar alineados por igual, es decir, en el ejemplo de la Fig. 2.8 sería posible dejar la primera columna sin cambios y alinear los datos de la segunda a la izquierda (o incluso al centro). El parámetro BACKGROUND, que ya se mostró en el ejemplo anterior, también se puede utilizar como en la etiqueta utilizando el parámetro HREF. EN última versión Especificaciones HTML en la etiqueta.<ТАВLЕ>apareció el parámetro COLS, especificando el número total de columnas de la tabla. Este información adicional acelera el proceso de creación de una tabla en el navegador.

Al crear la parte del encabezado de la tabla, con menos frecuencia la barra lateral y la barra lateral (la parte principal de la tabla donde se encuentran los datos), es necesario combinar varias celdas horizontalmente (en una fila) o verticalmente en un solo todo. . Para hacer esto, use los parámetros ROWSPAN y COLSPAN, el primero de los cuales combina varias filas y el segundo, columnas en una celda. A continuación se proporciona una descripción de ejemplo de dicha tabla.

3adelante

Título 2

Título 2-1<ТН>Título 2-2

La figura que se muestra a continuación. 2.9 está construido a partir de un documento HTML cuyo cuerpo contiene el contenedor anterior

con todo su contenido. En comparación con la tabla que se muestra en la Fig. 2.8, aquí usando la etiqueta