EniunEniunEniunEniun
  • Inicio
  • Servicios
    • Desarrollo Web
    • Diseño Web
    • Marketing Digital
    • Social Media
    • Experiencia de usuario
  • Nosotros
  • Diseño de Interfaces Web
  • Blog
  • Contacto
✕
            No results See all results
            Etiquetas para la creación de formularios
            Etiquetas para la creación de formularios HTML
            04/09/2019
            contenido incrustado
            Etiquetas html para el contenido incrustado
            05/09/2019

            Etiquetas html para crear tablas de contenido

            tablas de contenido en html

            tablas de contenido en html

            Tabla de contenidos

            • 5. Tablas de contenido
            • 5.1. Etiquetas para la creación de tablas de contenido
            • 5.2. Atributos border, align y bgcolor
            • 5.3. Agrupación de celdas

            5. Tablas de contenido

            Las tablas de contenido nos permiten almacenar los datos de forma ordenada.

            5.1. Etiquetas para la creación de tablas de contenido

            El principio y final de una tabla se define con las etiquetas <table> y </table>. Las filas se engloban con las etiquetas <tr> </tr> y las columnas estarán dentro de la etiquetas <td> </td>.

            La etiqueta <table> puede incluir diferentes opciones, como puedes ver en la siguiente tabla.

            Tabla 5.1: Tablas de contenido
            Elemento Descripción
            <table> Representa datos con más de una dimensión.
            <caption> Representa el título de una tabla.
            <tr> Representa una fila de celdas en una tabla.
            <td> Representa una celda de datos en una tabla.
            <th>

            Representa una celda encabezado en una tabla.

            <colgroup> Representa un conjunto de una o más columnas de una tabla.
            <col> Representa una columna de una tabla.


            Ejemplo

            0

            5.2. Atributos border, align y bgcolor

            Para dar estilos a los elementos utilizaremos siempre CSS y no atributos HTML. No obstante, se van a mencionar estos atributos porque todavía se encuentran presentes en multitud de proyectos online.

            Verás que en muchos códigos se le añade un borde a la tabla usando el atributo border. Sin embargo, este atributo ya no es aceptado en HTML5. A pesar de ello, los navegadores reconocen este atributo por estar definido en versiones antiguas de HTML.

            <table border="2">

            Para modificar la posición de la tabla también se utilizaba el atributo align.

            <table align="center">

            También podemos asignar fondos a las celdas y filas de una tabla con el atributo bgcolor.

            <td bgcolor="#77DDEE">

            Recuerda que será mediante CSS la técnica que usaremos para dar estilos a nuestras tablas.

            5.3. Agrupación de celdas

            Para agrupar celdas en una sola, también llamado «combinación de celdas», utilizaremos los atributos “rowspan” (para agrupar verticalmente) y “colspan” (para agrupar horizontalmente).


            Ejemplo

            dark

            Comprueba tu aprendizaje

            ¿Qué etiqueta representa las filas de una tabla?

            ¡Bien! ¡Has fallado!

            ¿Qué etiqueta representa el encabezado de una tabla?

            ¡Bien! ¡Has fallado!

            ¿Qué etiqueta representa el título de una tabla?

            ¡Bien! ¡Has fallado!

            La etiqueta td sólo puede estar presente como hija de un elemento tr.

            ¡Bien! ¡Has fallado!

            HTML. Tablas de contenido
            ¡Muy bien!
            Sigue practicando...
            Compartir

            UD2. HTML

            • 1. Lenguaje de marcas HTML
            • 2. Estructura y elementos semánticos
            • 3. Contenido y texto
            • 4. Formularios
            • 5. Tablas de contenido
            • 6. Contenido incrustado
            • 7. Elementos de ordenación
            • 8. Marcadores en HTML
            • 9. Factores HTML clave para el SEO
            • 10. Test de verificación HTML y herramientas útiles
            • 11. Marcos o frames, una tecnología obsoleta
            • 12. Etiquetas HTML para acceso directo en Android e iPhone
            • 13. Metaetiquetas o metatags para redes sociales
            • 14. Cómo usar Github y SourceTree para publicar contenido
            • 15. Repositorio Git en Visual Studio Code
            • 16. Resumen HTML
            • 17. Referencias y recursos HTML

            Unidades

            • UD1. Planificación de interfaces gráficas
            • UD2. HTML
            • UD3. CSS básico
            • UD4. CSS avanzado
            • UD5. Imágenes, licencias y software de gestión
            • UD6. Sonido, vídeo y animaciones
            • UD7. Plantillas y frameworks de desarrollo
            • UD8. Integración de contenido interactivo
            • UD9. Diseño de webs accesibles
            • UD10. Usabilidad web
            • Metodología Scrum

            ENLACES

            • Nosotros
            • Contacto
            • Mapa del sitio
            • Blog

            CodePen

            codepen

            CURSOS

            • Diseño de Interfaces Web

            REDES SOCIALES

            NUESTRA MISIÓN

            Queremos que consigas tus objetivos y que tu proyecto llegue a todo el mundo de la manera más óptima. Tu éxito es nuestro deseo y pondremos en práctica toda nuestra experiencia para que lo consigas.

            Únete y recibe gratis contenido exclusivo



              © 2022 Eniun Diseño Web y Marketing Digital
              Política de privacidad y cookies
                          No results See all results