Creación de tablas HTML en

COLEGIO NACIONAL NICOLAS ESGUERRA
EDIFICAMOS FUTURO
Julián Andrés Yacob Enciso Rodríguez 904
PAGINA WEB V
TABLAS
Las tablas están formadas por celdas, que son los recuadros que se obtienen
como resultado de la intersección entre una fila y una columna.
Para crear una tabla hay que insertar las etiquetas <table> y </table>. Entre dichas
etiquetas habrá que especificar las filas y columnas que formarán la tabla.
Fila <tr>
Es necesario insertar las etiquetas <tr> y </tr> por cada una de las filas de la tabla.
Estas etiquetas deberán insertarse entre las etiqetas <table> y </table>.
Por ejemplo, para crear una tabla con cinco filas escribiríamos:
<table>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</table>
Columna o celda <td>
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>.
Entre las etiquetas <td> y </td> se podrá especificar el contenido de cada una de
las celdas. Por ejemplo, para insertar la siguiente tabla:

<table border="1">
<tr>
<td>Producto</td>
<td>Precio</td>
</tr>
<tr>
<td>PC</td>
<td>Por estimar</td>
</tr>
<tr>
<td>Disco 500GB</td>
<td>180.000COP</td>
</tr>
Formato de la tabla
Es posible modificar los siguientes atributos de una tabla:
<table width="50%" border="2" align="center" cellspacing="0"
bordercolor="#000000" bgcolor="#FFCC99">

Formato de las celdas
<table width="50%"border="2"align="center"cellspacing="0"bordercolor="#000000"
bgcolor="#FFCC99">
<tr align="center"bgcolor="#0099CC">
<td>Producto</td>
<td bgcolor="#66CC99">Precio</td>
</tr>
<tr>
<td>PC</td>
</tr>
<tr>
<td>Disco Duro 500GB</td>
<td>180.000COP</td>
</tr>
<tr>
<td>Torre</td>
<td>200.000COP</td>
</tr>
<tr>
<td>Monitor 24"</td>
<td>320.000COP</td>
</tr>
</table>

Resultado
Código:
<html>
<head>
<title>TecnologiaA SuAlcance 904</title>
</head>
.
<bodybgcolor="00FF33">
<hr>
<b><u>BIENVENIDOA SU WEB DE TECNOLOGIA CONFIABLE</u></b><br>
<hr>
<H3><MARQUEE><font color="black"size "5"face="Impact">Nostrosbrindamosunbuenservicio
para
sus computadoras</MARQUEE><H3><br>
<img src="imagenes/logo.jpg"alt="tecnologiaasu alcance"border=4width="800"
height="200"><br>
<fontcolor="black"size="5"face="ComicSansMS"><B>PC's<B></font>
<fontcolor="red"size="4"face="ComicSansMS"><B>GAMERS<B></font><BR>

<P ALIGN="CENTER"> Tecnologiaasu alcance naciócon el finde llevartecnologiade todotipo
(principalmentePC's) aloshogaresde muchas personas
para que pudierandisfrutarde ordenadoresde calidadparaque disfrutende susvideojuegoso
tareasque puedenhacerenel día a día como office ydemas.</P><br>
<hr align="center"width="50%"size="5"color="black"noshade>
<table width="50%"border="4"align="center"cellspacing="0" bordercolor="#000000"
bgcolor="#FFCC99">
<tr align="center"valign="middle"bgcolor="ORANGE">
<th colspan="4">Informate sobre nuestrosprecios</th>
</tr>
<tr align="center"bgcolor="WHITE">
<td>Producto</td>
<td bgcolor="RED">Precio</td>
</tr>
<tr>
<td>PC</td>
</tr>
<tr>
<td>Disco Duro 500GB</td>
<td>180.000COP</td>
</tr>
<tr>
<td>Torre</td>
<td>200.000COP</td>
</tr>
<tr>
<td>Monitor 24"</td>
<td>320.000COP</td>
</tr>
</table>
<hr align="center"width="50%"size="5"color="black"noshade>
<pre> Copyright2015
ColegioNacional NicolasEsguerra
Diagonal 5f N 45-16
jayer1999@gmail.com</pre>
</body>
</html>

Creación de tablas HTML en

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (16)

Destacado

Destacado (16)

Similar a Creación de tablas HTML en

Similar a Creación de tablas HTML en (18)

Más de jayerxD

Más de jayerxD (20)

Último

Último (20)

Creación de tablas HTML en