Tablas HTML y etiquetas para crear tablas

PAGINA WEB V
Tabla <table>
Las tablas están formadas por celdas, que son los recuadros que se obtienen de
la intersección entre una fila y una columna.
Para crear una tabla hay que insertar las etiquetas <table> y </table>
También es posible modificar estos atributos de toda una fila, especificándolos en
la etiqueta <tr>, en lugar de en la etiqueta <td>.
Hay que tener en cuenta que los atributos tienen más prioridad cuando son
establecidos para una celda que cuando son establecidos para una fila completa.
Al mismo tiempo, tienen más prioridad los atributos establecidos para una fila que
los establecidos para toda la tabla.
Por ejemplo, si escribiéramos el siguiente código:
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="#000000" bgcolor="#FFCC99">
<tr align="center" bgcolor="#0099CC">
<td>Sabado</td>

<td bgcolor="#66CC99">Domingo</td>
</tr>
<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Curso Frontpage</td>
<td>Curso Flash</td>
</tr>
</table>
ENCABESADO DE COLUMNA <th>
Las etiquetas <td> y </td> se utilizan para definir las celdas de cada una de las
filas, pero podemos poner en su lugar las etiquetas <th> y </th>.
Para la etiqueta <th> es posible especificar los mismos atributos que para la
etiqueta <td>, pero esta nueva etiqueta hace que el texto de la celda aparezca
centrado y en negrita, por lo que se utiliza para definir los encabezados o títulos de
las columnas.
Por ejemplo, si escribiéramos el siguiente código:
<table width="50%" border="1" align="center">
<tr>
<th>Sabado</td>
<th>Domingo</td>
</tr>

<tr>
<td>Curso HTML</td>
<td>Curso Dreamweaver</td>
</tr>
<tr>
<td>Curso Frontpage</td>
<td>Curso Flash</td>
</tr>
</table>
COMBINAR CELDA
las etiquetas <td> y <th> existen los atributos colspan y rowspan, que se utilizan
para combinar celdas.
A través del atributo colspan se especifica el número de columnas por las que se
extenderá la celda, y a través del atributo rowspan se especifica el número de filas
por las que se extenderá la celda.
Para que quede más claro, vamos a ver un ejemplo de su uso.AS

CODIGOS
<html>
<head>
<title>koenisegg--reguera</title>

<marquee bgcolor="red"><h2><BIENVENIDO A KOEMISEGG.
COM</H2></MARQEE>
<body bgcolor="#FB7E00">
BIENVENIDO A NUESTRA PAGINA COORPORATIVA</H2></MARQUEE><br>
<hr align=center" width"50%" size="5" color="verde"noshade>
<br>
NUESTRA EMPRESA BRINDA CALIDAD Y SERVICIOS: <br>
koenigsegg Automotive AB es una pequeña empresa sueca fabricante de
automóviles fundada en 1994
en la ciudad sueca de Ängelholm. Desde 1994 es dirigida por su fundador,
Christian von
Koenigsegg, que comenzó con la creación de su propio automóvil deportivo a los
22 años. i En la
compañía trabajan tan sólo 50 personas, con la colaboración de varias empresas,
todas ellas
suecas.
La producción actual no supera las dos unidades al mes, aunque según
responsables de la marca
se podría aumentar la cadencia hasta cuatro unidades mensuales.
El 16 de junio de 2009 General Motors y Koenigsegg confirmaron los detalles del
acuerdo para
que Koenigsegg sea el propietario de Saab.

<hr align="center" widyh="50%" size="5" noshade
<pre>
<font color="#993366"size="4" face="Comic sans
MS">KOENISEGG<B></B></font>
<img src="imagenes/logo.jpg"border="9"width="250" height="200">
<img src="imagenes/carro.jpg"border="9"width="250" height="200">
<img src="imagenes/anima.gif"border="9"width="250" height="200">
<pre>
<table width="0%" border="0" align="center">
<tr>
<caption align="right" valign="top">tabla de precios<tr>
<tr>
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="#000000" bgcolor="#FFCC99">
<tr align="center" bgcolor="#0099CC">
<th>Sabado</td>
<td bgcolor="#66CC99">Domingo</td>
</tr>
<tr>
<th>verificacion de los modelos </td>
<th>aseptacion del modelo</td>
</tr>

<tr>
<th>arreglo de defectos</td>
<th>entrega de carro a cliente</td>
</tr>
</table>
<table width="575" border="2" cellspacing="2">
<tr align="center" valign="middle">
<th colspan="4">DIFERENCIAS DE KOENISEGG Y LAMBORGHINI</th>
</tr>
<th rowspan="2">DIFERENCIAS</th>
<th colspan="2">KOENISEGG</th>
<th rowspan="2">LAMBORGHINI</th>
</tr>
<th>PEQUEÑO</th>
<th>GRANDE</th>
</tr>
<td>indrustrial</td>
<td>10 meses</td>
<td>18 a 24 meses</td>
<td>16 años</td>
</tr>
<td>KM por hora</td>
<td colspan="2">58 a 63 días</td>

<td>9 meses</td>
</tr>
<td>modelos mas reconosidos</td>
<td colspan="2">1 año</td>
<td>2 a 7 años</td>
</tr>
</table>

Tablas HTML y etiquetas para crear tablas

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Similar a Tablas HTML y etiquetas para crear tablas

Similar a Tablas HTML y etiquetas para crear tablas (20)

Más de Juan Pablo Diaz Vanegas

Más de Juan Pablo Diaz Vanegas (7)

Último

Último (20)

Tablas HTML y etiquetas para crear tablas