Colegio nacional nicolas esguerra

COLEGIO NACIONAL NICOLAS ESGUERRA
Edificamos futuro
PAGINA WEB V
El texto
DANIEL RODRIGUEZ MAYA
WILLIAM RONDON MUÑOZ
905
TABLA <TABLE>
Las tablas están formadas por celdas, que son los recuadros quese obtienen
como resultado de la intersección entre una fila y una columna.
FILA <TR>
Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la
tabla. Estas etiquetas deberán insertarseentre las etiqetas <table> y
</table>.

COLUMNA O CELDA <TD>
ara crear una tabla no basta con especificar el número de filas, es necesario
también especificar el número de columnas.
Una celda es el resultado de la intersección entre una fila y una columna, por
lo que podremos especificar el número de celdas por fila, que equivale a
especificar el número de columnas por fila.
Es necesario insertar las etiquetas <td> y </td> por cada una de las celdas
que compongan cada una de las filas de la tabla. Por lo tanto, habrá que
insertar esas etiquetas entre las etiquetas <tr> y </tr>.
FORMATO DE LA TABLA
Es posible modificar los siguientes atributos de una tabla:

FORMATO DE LAS CELDAS
Es posible modificar los siguientes atributos de una celda:
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.
ENCABEZADO 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 posibleespecificar los mismos atributos que para la
etiqueta <td>, pero esta nueva etiqueta hace que el texto de la celda
aparezcacentrado y en negrita, por lo que se utiliza para definir los
encabezados o títulos de las columnas.

TÍTULO DE TABLA <CAPTION>
No solamente es posible establecer títulos para las columnas, también es
posible establecer un título para la tabla mediante las etiquetas <caption> y
</caption>.
Estas etiquetas han de ir después de la etiqueta <table>, y puede
especificarseel valor de los atributos align (con los valores bottom, center,
left, right y top) y valign (con los valores bottom y top).
COMBINAR CELDAS
las etiquetas <td> y <th> existen los atributos colspan y rowspan, quese
utilizan para combinar celdas.
A través del atributo colspan se especificael número de columnas por las que
se extenderá la celda, y a través del atributo rowspan seespecifica 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. Por ejemplo,
para insertar la siguiente tabla:

RESULTADO:
CODIGO:
<HTML>
<HEAD>
<!--PAGINA WEBELABORADA PORDANIEL RODRIGUEZ MAYA Y WILLIAM RONDON MUÑOZ 905 //-
->
<TITLE>GAMESHOP 905</TITLE>
<BODY BGCOLOR="YELLOW">
<HR>
<marquee bgcolor="RED"behavior="alternate"direction="right"><h1>BIENVENIDOSA NUESTRA
WEB<BR></h1></MARQUEE>
<HR>
<fontcolor="RED" size="7"face=" Arial SANSMS">GAMESHOP</font>
<p>
NUESTRA EMPRESA LLEVA 15 AÑOSDE EXPERIENCIA BRINDANDOAPORTESEN SISTEMASDE
TEGNOLOGIA,ENTRETENIMIENTOY VIDEOJUEGOS
</p>
<img src="imagenes/game.png"alt="game"border="3" width="300"height="150">

<img src="imagenes/xbox.jpg"alt="game"border="3" width="300"height="150">
<img src="imagenes/ps.jpg"alt="game"border="3" width="300"height="150">
<img src="imagenes/nintendo.jpg"alt="game"border="3" width="300"height="150">
<hr align="center"width="50%"size="5"color="990000" noshade>
<PRE>
<table width="50%"border="3"align="center"cellspacing="0"bordercolor="black"
bgcolor="YELLOW">
<tr align="center"bgcolor="#0099CC">
<td>PRODUCTO</td>
<td bgcolor="#0099CC">DESCRIPCION</td>
<td bgcolor="#0099CC">GALERIA</td>
</tr>
<tr>
<td>GEARS OF WAR</td>
<td>Es unvideojuegode disparosentercerapersona,del géneroacción-aventura,desarrollado
por Epic Games</td>
<td><img src="imagenes/gears.jpg"alt="game"border="3" width="75"height="90"></td>
</tr>
<tr>
<td>GOD OF WAR</td>
<td>Es unvideojuegode acción-aventuradesarrolladoporSCESantaMonica Studio</td>
<td><img src="imagenes/god.jpg"alt="game"border="3" width="75"height="90"></td>
</tr>
</table>
COPYRIGHT2015
COLEGIO NACIONALNICOLASESGUERRA
CALLE 6 85 - 35 BOGOTA - COLOMBIA
</PRE>
</BODY>
</HTML>

Colegio nacional nicolas esguerra

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (17)

Similar a Colegio nacional nicolas esguerra

Similar a Colegio nacional nicolas esguerra (20)

Más de William Rondon Oz

Más de William Rondon Oz (20)

Último

Último (20)

Colegio nacional nicolas esguerra