Creación de tablas HTML
•Descargar como DOCX, PDF•
0 recomendaciones•290 vistas
El documento proporciona instrucciones sobre cómo crear tablas en HTML utilizando las etiquetas <table>, <tr>, y <td>. Explica que <table> envuelve la tabla completa, <tr> define cada fila, y <td> especifica cada celda individual. Además, ofrece ejemplos de código HTML que ilustran cómo crear una tabla básica con filas y celdas, y cómo aplicar formato y estilo a las tablas y celdas individuales.
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (17)
Similar a Creación de tablas HTML
Similar a Creación de tablas HTML (20)
Más de Daniel Franco Cardona
Más de Daniel Franco Cardona (20)
Último
Último (20)
Creación de tablas HTML
- 1. Colegio nacional nicolas esguerra Edficamos futuro Alejandro escobar 904 Pagina web 5 Tabla <table> 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.
- 2. Fila <tr> Por ejemplo, para crear una tabla con cinco filas escribiríamos: <table> <tr>...</tr> <tr>...</tr> <tr>...</tr>
- 3. <tr>...</tr> <tr>...</tr> </table> Estos son los códigos para acomodar las filas horizontales y verticales como el siguiente ejemplo Columnaocelda <td> Aquí ya empezamos a acomodar los datos y el color de las casillas eso lo ise con el código que estaba en aula click abajo <table border="1"> <tr> <td>Sabado</td> <td>Domingo</td> </tr> <tr> <td>Curso HTML</td> <td>Curso Dreamweaver</td> </tr> <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table>
- 4. Ami me quedo asi Formato de la tabla
- 5. Esta tabla me ayudo a acomodar todo Formatode lasceldas También es posible modificar estos atributos de toda una fila, especificándolos en la etiqueta <tr>, en lugar de en la etiqueta <td>. <table width="50%" border="2" align="center" cellspacing="0" bordercolor="#000000" b gcolor="#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>
- 6. <tr> <td>Curso Frontpage</td> <td>Curso Flash</td> </tr> </table> Este código me ayudo con los colores Código <html> <head> <title>Dynasty S.A 904</title> </head> <!--PAGINA WEB ELABORADA POR ALEJANDRO ESCOBAR 904 //--> <body bgcolor="#F5F5DC"> <hr> <MARQUEE><B><I>BIENVENIDO A NUESTRA PAGINA WEB DYNASTY S.A.</B></I></MARQUEE><br> <hr> <H3> Nuestra empresa brinda servicio en venta de vehiculos</H3><br> <font color="#DAA520" size="6" face="Arial"><b>bugatti chiron</B></font>
- 7. <font color="##CD853F" size="5" face="Comic Sans MS"><b>Dynasty Cars</B></font><br> <img src="imagenes/bugatti azul.jpg "border="9" "width="200" height="180"> <img src="imagenes/buggati.jpg "border="9" "width="200" height="180"> <img src="imagenes/Bugatti-Grand-Sport-Vitesse.jpg "border="9" "width="200" height="180"> <P ALIGN="CENTER">Bugatti es una marca francesa de automóviles de gran lujo y competición fundada por el italiano Ettore Bugatti (1881-1947) en el año 1909 en Molsheim, localidad actualmente en Francia y por entonces perteneciente al Imperio alemán. Pertenece al grupo VW,Con el lema de Nada puede ser demasiado hermoso, nada puede ser demasiado costoso, la familia Bugatti.</p> <font color="#DAA520" size="5" face="Arial"><b>el nuevo bugatti veyron gold</B></font> <font color="##CD853F" size="4" face="Comic Sans MS"><b>un vehiculo para su comodidad</B></font> <img src="imagenes/images.jpg "border="9" "width="200" height="180"> <img src="imagenes/maxresdefault.jpg "border="6" "width="200" height="180">
- 8. <br> <br> <table width="50%" border="2" align="center" cellspacing="0" bordercolor="000000" bgcolor="white"> <tr align="center" bgcolor="990000"> <td>modelos</td> <td bgcolor="660099">precios</td> </tr> <tr> <td>bugatti chiron</td> <td>200.000.000$</td> </tr> <tr> <td>bugatti veyron gold</td> <td>500.000.000$</td> </tr> </table>