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
            Git y Visual Studio Code
            Repositorio Git en Visual Studio Code con cuenta Github
            07/09/2019
            html referencias y recursos
            Referencias y recursos HTML
            08/09/2019

            Resumen de etiquetas HTML

            resumen html

            resumen html

            Tabla de contenidos

            • 16. Resumen HTML
            • 16.1. Elementos semánticos 
            • 16.2. Elementos raíz
            • 16.3. Metadatos
            • 16.4. Scripting
            • 16.5. Secciones
            • 16.6. Contenido
            • 16.7. Etiquetas de texto
            • 16.8. Formulario
            • 16.9. Tablas de contenido
            • 16.10. Contenido incrustrado
            • 16.11. Elementos en bloque o block
            • 16.12.Elementos en línea o inline

            16. Resumen HTML

            16.1. Elementos semánticos 

            estructura etiquetas html

            16.2. Elementos raíz

            Tabla 16.1: Elementos HTML5 para la raíz del documento
            Elemento Descripción
            <!DOCTYPE html> Indica que el documento está bajo el estándar de HTML5
            <html> Representa la raíz de un documento HTML o XHTML.

            16.3. Metadatos

            Tabla 16.2: Metadatos
            Elemento Descripción
            <head> Colección de metadatos sobre el documento, incluyendo enlaces a scripts y hojas de estilo.
            <title> Título del documento. Se muestra en la barra superior del navegador o en las pestañas de página.
            <link> Usada para enlazar JavaScript y CSS externos con el documento HTML actual.
            <meta> Define los metadatos que no pueden ser definidos usando otro elemento HTML.
            <style> Etiqueta de estilo usada para escribir CSS en línea.

            16.4. Scripting

            Tabla 16.3: Scripting
            Elemento Descripción
            <script> Define ya sea un script interno o un enlace hacia un script externo. El lenguaje de programación es JavaScript
            <noscript> Define un contenido alternativo a mostrar cuando el navegador no soporta scripting.

            16.5. Secciones

            Tabla 16.4: Scripting
            Elemento Descripción
            <body>
            Representa el contenido principal de un documento HTML. Solo hay un elemento <body> en un documento.
            <section> Define una sección en un documento.
            <nav> Define una sección que solamente contiene enlaces de navegación
            <article> Define contenido autónomo que podría existir independientemente del resto del contenido.
            <aside> Define algunos contenidos vagamente relacionados con el resto del contenido de la página. Si es removido, el contenido restante seguirá teniendo sentido
            <h1>,<h2>,<h3>,<h4>,<h5>,<h6> Los elemento de cabecera  implementan seis niveles de cabeceras de documentos; <h1> es la de mayor y <h6> es la de menor impotancia. Un elemento de cabecera describe brevemente el tema de la sección que introduce.
            <header> Define la cabecera de una página o sección. Usualmente contiene un logotipo, el título del sitio Web y una tabla de navegación de contenidos.
            <footer> Define el pie de una página o sección. Usualmente contiene un mensaje de derechos de autoría, algunos enlaces a información legal o direcciones para dar información de retroalimentación.
            <address> Define una sección que contiene información de contacto.
            <main> Define el contenido principal o importante en el documento. Solamente existe un elemento <main> en el documento.

            16.6. Contenido

            Tabla 16.5: Contenido
            Elemento Descripción
            <p> Define una parte que debe mostrarse como un párrafo.
            <hr> Representa un quiebre temático entre parrafos de una sección o articulo o cualquier contenido.
            <pre> Indica que su contenido esta preformateado y que este formato debe ser preservado.
            <blockquote> Representa una contenido citado desde otra fuente.
            <ol> Define una lista ordenada de artículos.
            <ul> Define una lista de artículos sin orden.
            <li> Define un artículo de una lista ennumerada.
            <dl> Define una lista de definiciones, es decir, una lista de términos y sus definiciones asociadas.
            <dt> Representa un término definido por el siguiente <dd>.
            <dd> Representa la definición de los terminos listados antes que él.
            <figure> Representa una figura ilustrada como parte  del documento.
            <figcaption> Representa la leyenda de una figura.
            <div> Representa un contenedor genérico sin ningún significado especial.

            16.7. Etiquetas de texto

            Tabla 16.6: Etiquetas de texto
            Elemento Descripción
            <a> Representa un hiperenlace.
            <em> Representa un texto enfatizado.
            <strong> Representa un texto importante.
            <small> Representa un comentario aparte, es decir, textos de políticas de responsabilidad o una nota de derechos de autoría, que no son esenciales para la comprensión del documento.
            <s> Representa contenido que no es exacto, tiene el estilo tachado.
            <cite> Representa el título de una obra.
            <q> Representa una cita textual entre comillas.
            <dfn> Sirve para marcar el término que se quiere definir.
            <abbr> Representa una abreviación o un acrónimo; mediante el atributo title se puede describir la abreviatura. El texto es usualmente representado como tooltip cuando se pasa el puntero sobre el elemento.
            <time> Representa un valor de fecha y hora.
            <code> Representa un código de programación.
            <var> Representa a una variable, es decir, una expresión matemática o una variable de un programa o similar.
            <samp> Representa la salida de un programa.
            <kbd> Representa el texto que debe introducir o la tecla que debe pulsar el usuario.
            <sub><sup> Representan un subíndice y un superíndice respectivamente.
            <i> Muestra el texto marcado con un estilo en cursiva o italica.
            <b> Muestra el texto marcado con un estilo en negrita.
            <u> Muestra el texto subrayado.
            <mark> Representa un texto marcado o resaltado como referencia o anotación, debido a su relevancia o importancia.
            <span> Representa texto en línea. Sirve para aplicar estilo al texto o agrupar elementos en línea.
            <br> Representa un salto de línea.
            <wbr> Representa una oportunidad de salto de línea, es decir, un punto sugerido donde el texto puede ser dividido para mejorar su legibilidad.

            16.8. Formulario

            Tabla 16.7: Etiquetas para la creación de formularios
            Elemento Descripción
            <form> Define un formulario.
            <fieldset> Permite organizar en grupos los campos de un formulario.
            <legend> Representa el título de un <fieldset>.
            <label> Representa el título de un control de formulario.
            <input> Se usa para crear controles interactivos que reciben datos del usuario.
            <button> Representa un botón.
            <option> Representa una opción en un elemento <select> o <datalist>.
            <select> Representa un control que permite la selección entre un conjunto de opciones <option>.
            <optgroup> Representa un conjunto de opciones, agrupadas lógicamente.
            <datalist> Representa un control que permite la selección entre un conjunto de opciones <option>.
            <textarea> Representa un control de edición de texto multi-línea.
            <output> Representa el resultado de un cálculo.
            Tabla 16.8: Atributos para la validación de campos en los formularios
            Atributo Ejemplo
            placeholder placeholder=»Indica tu nombre»
            required required=»true»
            pattern pattern=»[a-z]{1,5}»
            min min=»1″
            max max=»100″
            step step=»2″ (saltos en un rango de números: 0, 2, 4…)
            disabled disabled=»true»
            autofocus autofocus=»true»
            autocomplete autocomplete=»true»

            16.9. Tablas de contenido

            Tabla 16.9: 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.
            <tbody> Representa el bloque de filas que describen los datos concretos de una tabla.
            <thead> Representa el bloque de filas que describen las etiquetas de columna de una tabla.
            <tfoot> Representa los bloques de filas que describen los resúmenes de columna de una tabla.

            16.10. Contenido incrustrado

            Tabla 16.10: Contenido incrustado
            Elemento Descripción
            <img> Representa una imagen.
            <iframe> Representa un contexto anidado de navegación, es decir, un documento HTML embebido.
            <embed> Representa un punto de integración para una aplicación o contenido interactivo externo que por lo general no es HTML.
            <object> Representa un recurso externo, que será tratado como una imagen, un sub-documento HTML o un recurso externo a ser procesado por un plugin.
            <param> Define parámetros para el uso por los plugins invocados por los elementos <object>.
            <video> Representa un vídeo, y sus archivos de audio y canciones asociadas, con la interfaz necesaria para reproducirlos.
            <audio> Representa un sonido o stream de audio.
            <source> Permite a autores especificar recursos multimedia alternativos para los elementos multimedia como  <video> o <audio>.
            <track> Permite a autores especificar una pista de texto temporizado para elementos multimedia como <video> o  <audio>.
            <canvas> Representa un área de mapa de bits en el que se pueden utilizar scripts para renderizar gráficos.
            <map> En conjunto con <area>, define un mapa de imagen.
            <area> En conjunto con  <map>, define un mapa de imagen.
            <svg> Define una imagen vectorial embebida.
            <math> Define una fórmula matemática.

            16.11. Elementos en bloque o block

            elemento bloque html

            Etiquetas HTML en bloque: <address><article><aside><blockquote><canvas><dd><div><dl><dt><fieldset><figcaption><figure><footer><form><h1>-<h6><header><hr><li><main><nav><noscript><ol><p><pre><section><table><tfoot><ul><video>

            16.12.Elementos en línea o inline

            elemento en linea html

            Etiquetas HTML en línea: <a><abbr><acronym><b><bdo><big><br><button><cite><code><dfn><em><i><img><input><kbd><label><map><object><output><q><samp><script><select><small><span><strong><sub><sup><textarea><time><tt><var>

            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