Las instrucciones del lenguaje de marcado de hipertexto (HTML) que forman tablas colocadas en páginas web proporcionan una gran cantidad de parámetros adicionales. Esto permite, a diferencia de otros elementos de bloque, establecer tamaños no solo usando el lenguaje CSS (Hojas de estilo en cascada o "Hojas de estilo en cascada"), sino también usando el propio HTML.
Instrucciones
Paso 1
Utilice el atributo de ancho de la etiqueta de la tabla para especificar el ancho de la tabla en píxeles. La tabla de etiquetas (instrucción HTML) consta de una apertura (
) partes, entre las cuales hay etiquetas que forman las filas y celdas de la tabla. Se pueden colocar parámetros (atributos) adicionales en la etiqueta de apertura, cuya lista para cada etiqueta específica está determinada por estándares internacionales. Para la etiqueta de la tabla, estos estándares permiten el uso del atributo de ancho, que especifica el ancho de la tabla en píxeles. El código HTML de una tabla simple con una etiqueta de este tipo que define un ancho de 500 píxeles puede verse así:
| 1ra celda | 2da celda |
Paso 2
Agregue un carácter% al valor del atributo de ancho si necesita especificar el ancho de la tabla como un porcentaje en lugar de en píxeles:
| 1ra celda | 2da celda |
Tenga en cuenta que estos porcentajes no se basarán necesariamente en el ancho de la ventana del navegador. La estructura del documento es importante aquí, al igual que una muñeca anidada anidada no puede ser más ancha que aquella en la que está anidada, el 100% del ancho de la tabla no puede ser mayor que el ancho del elemento principal. Por ejemplo, si la tabla está dentro de un bloque div, entonces el ancho de este bloque se tomará como 100%.
Paso 3
Utilice las instrucciones del lenguaje de descripción de estilo si desea establecer el mismo ancho para las tablas en la página web en un lugar del código fuente. Para hacer esto, primero coloque en la parte principal del código HTML (entre y) las etiquetas de apertura y cierre que limitan las declaraciones del lenguaje CSS:
/ * Las instrucciones CSS estarán aquí * /
Luego coloque el siguiente CSS entre esas etiquetas: table {width: 100px;} Aquí, la tabla indica que la descripción colocada dentro de las llaves debe aplicarse a todas las etiquetas de la tabla que aparecen en el código de la página. Bueno, el parámetro de ancho establece el ancho. Aquí también puede utilizar el ancho relativo como porcentaje.
Paso 4
Especifique el nombre de la clase en el código CSS y en la etiqueta de la tabla HTML si necesita especificar el ancho no para todas las tablas, sino solo para una o varias tablas. Por ejemplo, digamos que la clase que marca un grupo de tablas estrechas es pequeña. Entonces, la descripción de su estilo podría verse así: table.tiny {width: 100px;} Y la etiqueta correspondiente de una de las tablas en el código HTML es así:
| 1ra celda | 2da celda |
