CÓDIGOS DE TABLAS
Descargar como PPTX, PDF0 recomendaciones31 vistas
Este documento explica cómo insertar tablas, imágenes y bordes en HTML. Describe los elementos básicos para crear una tabla como <table>, <tr>, y <td> y cómo agregar una imagen usando <img>. También explica cómo agregar bordes a una tabla usando el atributo "border".
CÓDIGOS DE TABLAS
- 1. Estudiante: Angie Aleli Agual Álvarez Curso: 5to Diseño Grafico
- 2. CÓDIGOS DE TABLAS EN HTML Como insertar: imagen, tablas, bordes.
- 3. Una tabla no es otra cosa más que un medio de organizar datos en filas y columnas. la creación básica de una tabla se realiza mediante los elementos table para reflejar la tabla en sí, tr que representaría las filas y td que serían las propias celdas. 1. <table> 2. <thead> 3. <tr> 4. <th>Texto</th> 5. <th>Imagen</th> 6. </tr> 7. </thead> 8. <tr> 9. <td></td> 10. <td></td> 11. </tr> 12. ... 13. </table> INSERTAR TABLA
- 4. Esta tabla lo que nos va a permitir es insertar imágenes en la segunda columna. cuando vayas a manipular imágenes en html recurrirás al elemento img. de esta forma podrás insertar una imagen de forma sencilla en una página web. <img src="url_imagen" alt="texto alternativo" width="ancho" height="alto"/> <img src="descargar.png" alt="Elemento de Descarga" width="50px" height="50px"/> Por ejemplo un código para cargar una imagen podría ser: INSETAR IMAGEN
- 5. Si has hecho el ejemplo de crear una tabla con html habrás visto que el resultado de tu código no es parecido a los gráficos presentados en el ejemplo. esto es debido a que las tablas html por defecto no aparecen con borde <table border="1"> <tr><td>Artículo</td><td>Cantidad</td></tr> <tr><td>Zapatillas</td><td>1.500</td></tr> <tr><td>Gorras</td><td>12.200</td></tr> <tr><td>Pantalones</td><td>3.800</td></tr> <tr><td>Camisetas</td><td>7.100</td></tr> </table> INSERTAR BORDE