Tecnología

Inicio

Cómo cambiar el color del texto en una tabla HTML

Cómo cambiar el color del texto en una tabla HTML


tablas HTML le proporcionan la capacidad de colocar elementos en el área específica y uniforme de una página Web. Tablas contienen filas y columnas que forman una cuadrícula. Las filas horizontales y columnas verticales se cruzan para crear una celda de tabla. Estas células contienen los elementos HTML. El texto se coloca comúnmente en celdas de la tabla, y se puede establecer el color del texto utilizando las propiedades de estilo de la tabla. La propiedad de estilo se utiliza para cambiar el color del texto, tamaño y tipo de letra.

Instrucciones

1 Crea tu marco de la tabla. Las tablas se crean mediante la apertura "<table>" y el cierre "</ table>" etiquetas. El siguiente código crea un marco de tabla:

<Table id = "thetable"> </ table>

La propiedad "id" le permite llamar a la mesa en Javascript si decide tomar las propiedades de la tabla dinámica.

2 Crear algunas filas y columnas. En este ejemplo, la tabla contiene dos filas y dos columnas. A continuación se crea un diseño de tabla simple:

<Table id = "thetable">
<Tr> <td> información de la tabla en la columna 1. </ Td> </ tr>
<Tr> <td> Más información en la columna 2. </ Td> </ tr>
</ Table>

3 Establecer color de la fuente de la tabla. La propiedad de estilo se utiliza para establecer el color del texto de su mesa. El siguiente código define el color de la fuente de la tabla de color blanco:

<Id = estilo de tabla "thetable" = "color: #ffffff>
<Tr> <td> información de la tabla en la columna 1. </ Td> </ tr>
<Tr> <td> Más información en la columna 2. </ Td> </ tr>
</ Table>

El color se encuentra en un código de color hexadecimal. Hay varios códigos de color (ver recursos) se puede utilizar para establecer la fuente de colores de la tabla.