Pagina web 5
•Descargar como DOCX, PDF•
0 recomendaciones•120 vistas
Este documento proporciona instrucciones sobre cómo crear tablas en HTML. Explica las etiquetas <table>, <tr>, y <td> y cómo se usan para definir filas y celdas dentro de una tabla. También describe cómo agregar formato a las tablas, incluidos los atributos de borde, color de fondo y alineación. Finalmente, incluye un ejemplo de código HTML que crea una tabla con diferentes colores de fondo y bordes para demostrar estas técnicas.
Recomendados
Más contenido relacionado
La actualidad más candente
Similar a Pagina web 5
Similar a Pagina web 5 (20)
Más de Alejandro Escobar
Último
Último (20)
Pagina web 5
- 1. COLEGIO NACIONAL NICOLAS ESGUERRA EDIFICAMOS FUTURO ALEJANDROESCOBAR904 – J.M PAGINA WEB V 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> <tr>...</tr> <tr>...</tr> </table> Estos son los códigos para acomodar las filas horizontales y verticales como el siguiente ejemplo
- 3. Columna o celda <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> A mi me quedo asi
- 4. Formato de la tabla Esta tabla me ayudo a acomodar todo Formato de las celdas También es posible modificar estos atributos de toda una fila, especificándolos en la etiqueta <tr>, en lugar de en la etiqueta <td>.
- 5. <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> <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>
- 6. <H3> Nuestra empresa brinda servicio en venta de vehiculos</H3><br> <font color="#DAA520" size="6" face="Arial"><b>bugatti chiron</B></font> <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>
- 7. <img src="imagenes/images.jpg "border="9" "width="200" height="180"> <img src="imagenes/maxresdefault.jpg "border="6" "width="200" height="180"> <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>
- 8. </table>