Recommended
More Related Content
What's hot
Viewers also liked
Viewers also liked (16)
Similar to Creación de tablas HTML en
Similar to Creación de tablas HTML en (18)
More from jayerxD
More from jayerxD (20)
Recently uploaded
Recently uploaded (20)
Creación de tablas HTML en
- 1. 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:
- 2. <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">
- 3. 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> <td>Por estimar</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>
- 4. Resultado Código: <html> <head> <title>TecnologiaA SuAlcance 904</title> </head> <!-- PaginawebelaboradaporJulianEncisoR 904 //-->. <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>
- 5. <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> <td>Por estimar</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>