HTML 2
2 recomendaciones384 vistas
El documento explica cómo crear tablas básicas en HTML utilizando las etiquetas <table>, <tr>, <th> y <td>. También cubre cómo fusionar celdas y filas utilizando los atributos colspan y rowspan. Finalmente, muestra un ejemplo completo de una tabla que fusiona celdas y filas.
HTML 2
- 2. Imágenes
- 3. Imágenes <img> Imágenes <img src="logotipo.gif" alt="Logotipo de mi sitio” /> Algunos de los atributos más importantes src = Indica la URL de la imagen que se muestra alt = Descripción corta de la imagen height = Indica la altura con la que se debe mostrar la imagen (no es obligatorio que coincida con la altura original de la imagen) width = Indica la anchura con la que se debe mostrar la imagen (no es obligatorio que coincida con la anchura original de la imagen)
- 4. Tablas
- 5. Conceptos Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que los que se utilizan en cualquier otro entorno de publicación de documentos, como por ejemplo una planilla de cálculo
- 6. Tablas básicas Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila, <th> para celdas de encabezado y <td> para crear cada columna. <!DOCTYPE HTML> <html lang= "es"> <head><meta charset= ”utf-8”><title>Ejemplo de tabla sencilla</title></head> <body> <h1>Listado de cursos</h1> <table> <tr> <th>Curso</th><th>Horas</th><th>Horario</th> </tr> <tr> <td>CSS</td> <td>20</td> <td>16:00 - 20:00</td> </tr> <tr> <td>HTML</td> <td>20</td> <td>16:00 - 20:00</td> </tr> <tr> <td>Dreamweaver</td> <td>60</td><td>16:00 - 20:00</td> </tr> </table> </body> </html>
- 8. Fusión de filas <table> <tr> <td>A</td> <td rowspan="2">B</td> </tr> <tr> <td>C</td> </tr> </table>
- 9. Fusión de filas y columnas <table border="1"> <tr> <td colspan="3">A</td> <td>B</td> </tr> <tr> <td>C</td> <td colspan="2">D</td> <td>E</td> </tr> <tr> <td colspan="4">F</td> </tr> <tr> <td>G</td> <td>H</td> <td>I</td> <td>J</td> </tr> </table>