Glosario: 100 comandos y etiquetas de HTML5

Published On - julio 1, 2023

sistemasgeniales

Qué es HTML5

HTML5 es la quinta versión del lenguaje de marcado HTML (HyperText Markup Language). Sirve como el estándar para la estructura y presentación de contenido en la web. HTML5 trae consigo numerosas mejoras y características nuevas en comparación con sus versiones anteriores.

Algunos de los principales usos y beneficios de HTML5 son:

  1. Estructura de la página: HTML5 proporciona una estructura semántica mejorada con elementos como <header>, <nav>, <section>, <article>, <footer>, entre otros, que facilitan la organización del contenido de la página y mejoran la accesibilidad.
  2. Multimedia: HTML5 introduce elementos como <video> y <audio> que permiten la reproducción de contenido multimedia directamente en el navegador, sin necesidad de plugins externos como Flash.
  3. Gráficos y animaciones: HTML5 incluye el elemento <canvas> que permite la creación de gráficos, dibujos y animaciones utilizando JavaScript.
  4. Interactividad: Con HTML5, se pueden crear formularios más avanzados y elementos interactivos, como deslizadores, selección de fechas y campos de búsqueda, sin necesidad de scripts adicionales.
  5. Geolocalización: HTML5 ofrece la capacidad de obtener la ubicación geográfica del dispositivo del usuario, lo que permite la creación de aplicaciones basadas en la ubicación.
  6. Almacenamiento local: HTML5 introduce el almacenamiento local mediante el uso de la API Web Storage y la API IndexedDB, lo que permite a las aplicaciones web almacenar datos en el navegador del usuario de manera persistente.
  7. Aplicaciones web: HTML5 ha impulsado el desarrollo de aplicaciones web más avanzadas y poderosas. Con tecnologías como CSS3 y JavaScript, es posible crear aplicaciones web que se asemejan en funcionalidad y rendimiento a las aplicaciones de escritorio tradicionales.
  8. Dispositivos móviles: HTML5 ha mejorado la compatibilidad con dispositivos móviles, permitiendo el diseño y desarrollo de sitios web y aplicaciones que se adaptan de forma óptima a diferentes tamaños de pantalla y ofrecen una experiencia de usuario fluida en dispositivos móviles.

GLOSARIO de Etiquetas y Comandos que Usted puede utilizar

  1. <a>: Crea un enlace a otra página o recurso.
  2. <abbr>: Define una abreviatura o acrónimo.
  3. <address>: Define la información de contacto del autor o propietario de un documento.
  4. <area>: Define una área dentro de un mapa de imagen.
  5. <article>: Define un contenido independiente y autónomo.
  6. <aside>: Define un contenido relacionado pero independiente del contenido principal.
  7. <audio>: Inserta un elemento de audio en el documento.
  8. <b>: Muestra el texto en negrita.
  9. <base>: Define la URL base para las rutas relativas en un documento.
  10. <bdo>: Define la dirección de texto sobrescrita o subescrita.
  11. <blockquote>: Cita un bloque de texto de otra fuente.
  12. <body>: Define el cuerpo principal del documento HTML.
  13. <br>: Inserta un salto de línea.
  14. <button>: Crea un botón interactivo.
  15. <canvas>: Crea un lienzo para gráficos dinámicos o imágenes.
  16. <caption>: Define el título de una tabla o figura.
  17. <cite>: Define una referencia a una obra citada.
  18. <code>: Muestra el texto como código fuente.
  19. <col>: Define las propiedades de una columna en una tabla.
  20. <colgroup>: Agrupa las etiquetas <col> para establecer propiedades comunes en una tabla.
  21. <datalist>: Define una lista de opciones predefinidas para un campo de entrada.
  22. <dd>: Define una descripción en una lista de definiciones.
  23. <del>: Muestra el texto eliminado o tachado.
  24. <details>: Define detalles adicionales que se pueden mostrar u ocultar.
  25. <dfn>: Define la definición de un término.
  26. <dialog>: Crea un cuadro de diálogo o ventana emergente.
  27. <div>: Define una sección o contenedor genérico.
  28. <dl>: Define una lista de definiciones.
  29. <dt>: Define un término en una lista de definiciones.
  30. <em>: Muestra el texto en énfasis o enfatizado.
  31. <embed>: Inserta contenido externo o multimedia en un documento.
  32. <fieldset>: Agrupa elementos relacionados en un formulario.
  33. <figcaption>: Define el título de una figura.
  34. <figure>: Define una figura o ilustración.
  35. <footer>: Define el pie de página del documento o de una sección.
  36. <form>: Crea un formulario interactivo.
  37. <h1> a <h6>: Define los encabezados de nivel 1 a 6.
  38. <head>: Define la sección de encabezado del documento HTML.
  39. <header>: Define la cabecera del documento o de una sección.
  40. <hr>: Crea una línea horizontal.
  41. <html>: Define el elemento raíz del documento HTML.
  42. <i>: Muestra el texto en cursiva.
  43. <iframe>: Inserta un documento HTML dentro de otro documento.
  44. <img>: Inserta una imagen en el documento.
  45. <input>: Crea un campo de entrada interactivo.
  46. <ins>: Muestra el texto insertado o subrayado.
  47. <kbd>: Muestra el texto como entrada del teclado.
  48. <label>: Etiqueta un elemento de formulario.
  49. <legend>: Define el título de un campo de formulario agrupado.
  50. <li>: Define un elemento de una lista.
  51. <link>: Define la relación entre el documento actual y un recurso externo.
  52. <main>: Define el contenido principal del documento.
  53. <map>: Define un mapa de imágenes y áreas clicables.
  54. <mark>: Resalta o marca el texto.
  55. <menu>: Define un menú de navegación.
  56. <meta>: Define metadatos sobre el documento HTML.
  57. <meter>: Define una medida escalar dentro de un rango conocido.
  58. <nav>: Define una sección de navegación.
  59. <noscript>: Define contenido alternativo para navegadores que no admiten scripts.
  60. <object>: Inserta un objeto multimedia en el documento.
  61. <ol>: Define una lista ordenada.
  62. <optgroup>: Agrupa las opciones relacionadas en un elemento <select>.
  63. <option>: Define una opción en un elemento <select> o <datalist>.
  64. <output>: Muestra el resultado de un cálculo o script.
  65. <p>: Define un párrafo.
  66. <param>: Define un parámetro para un objeto <object>.
  67. <picture>: Define una imagen con múltiples fuentes y atributos.
  68. <pre>: Mantiene el formato del texto tal como se muestra en el código fuente.
  69. <progress>: Muestra el progreso de una tarea.
  70. <q>: Cita un fragmento corto de texto.
  71. <rp>: Define el texto de apoyo para navegadores que no admiten anotaciones ruby.
  72. <rt>: Define una anotación para caracteres de ruby.
  73. <ruby>: Define una notación de ruby (texto o caracteres de anotación).
  74. <s>: Muestra el texto tachado.
  75. <samp>: Muestra una muestra o ejemplo de salida de programa.
  76. <script>: Define un script o programa embebido.
  77. <section>: Define una sección en un documento.
  78. <select>: Crea un menú desplegable.
  79. <small>: Muestra el texto en una fuente más pequeña.
  80. <source>: Define la fuente de medios para elementos multimedia.
  81. <span>: Define una sección en línea genérica.
  82. <strong>: Muestra el texto en negrita.
  83. <style>: Define estilos CSS para el documento HTML.
  84. <sub>: Muestra el texto como subíndice.
  85. <summary>: Define el texto visible para un elemento <details>.
  86. <sup>: Muestra el texto como superíndice.
  87. <svg>: Inserta gráficos vectoriales escalables.
  88. <table>: Define una tabla.
  89. <tbody>: Define el cuerpo de una tabla.
  90. <td>: Define una celda de datos en una tabla.
  91. <template>: Define un fragmento de contenido que se puede clonar y usar posteriormente.
  92. <textarea>: Crea un área de texto multi-línea.
  93. <tfoot>: Define el pie de tabla en una tabla.
  94. <th>: Define una celda de encabezado en una tabla.
  95. <thead>: Define el encabezado de una tabla.
  96. <time>: Define una fecha o hora.
  97. <title>: Define el título del documento.
  98. <tr>: Define una fila en una tabla.
  99. <track>: Define pistas de texto para medios de audio o video.
  100. <ul>: Define una lista no ordenada.

 

Visitantes en esta publicación de Sistemas Geniales: 494