Tablas en HTML
<TABLE>
<TR> <TD>
Las
tablas nos permiten representar y ordenar cualquier elemento de nuestra
presentación en diferentes filas y columnas de modo que podamos resumir grandes
cantidades de información de una manera que puede representarse rápida y
fácilmente, es uno de los recursos más importantes de HTML porque permite
distribuir el texto ordenadamente en las páginas
El
contenido de una tabla lo debemos desarrollar entre las tags
<table>.....</table>.
Cada
fila de la tabla se indica mediante las tags <tr>.....</tr>. Las
tags <th> y <td> con sus correspondientes tags de cierre para
indicar las filas individuales dentro de cada fila. Las tags
<th>.....</th> indican que se trata de celdas que sirven como
encabezado o título de tabla y suelen visualizarse en negrita. Las tags
<td>.....</td> indican que se trata de celdas comunes.
Para cambiar el color de la tabla
<TABLE BGCOLOR=”código de
color”>
Para cambiar el color de la fila
<TR BGCOLOR=”código de
color”>
Para cambiar el color de la celda
<TD BGCOLOR=”código de
color”>
Para cambiar el color del borde
<TABLE
BORDERCOLOR=”código de color”>
Actividad:
1
Copia el siguiente código en un bloc de notas
2
Cambia los títulos y los datos de la tabla
3
Cambia el color del borde de la tabla
4
Cambia el color de la fuente, el fondo.
5
Integra las etiquetas para cambiar color de tabla, fila celda.
Código para generar una tabla:
<HTML>
<HEAD>
<TITLE>TABLAS</TITLE>
</HEAD>
<BODY>
<HEAD>
<TITLE>TABLAS</TITLE>
</HEAD>
<BODY>
<CENTER><H2> Esta es una
tabla<H2>
<HR noshade></CENTER>
<H1>Tablas básicas</H1>
<table bordercolor = "#0000FF" TABLE BORDER="1">
<TR>
<TH>Titulo 1</TH>
<TH>Titulo 2</TH>
<TH>Titulo 3</TH>
</TR>
<TR>
<TD>Dato 1</TD>
<TD>Dato 2</TD>
<TD>Dato 3</TD>
</TR>
<TR>
<TD>Dato 4</TD>
<TD>Dato 5</TD>
<TD>Dato 6</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<H1>Tablas básicas</H1>
<table bordercolor = "#0000FF" TABLE BORDER="1">
<TR>
<TH>Titulo 1</TH>
<TH>Titulo 2</TH>
<TH>Titulo 3</TH>
</TR>
<TR>
<TD>Dato 1</TD>
<TD>Dato 2</TD>
<TD>Dato 3</TD>
</TR>
<TR>
<TD>Dato 4</TD>
<TD>Dato 5</TD>
<TD>Dato 6</TD>
</TR>
</TABLE>
</BODY>
</HTML>
No hay comentarios.:
Publicar un comentario