Vídeo HTML5

En este artículo, conoceremos HTML5 Video , además de conocer las diferentes formas de agregar videos a la página HTML y comprender su implementación a través de los ejemplos. Antes de que existiera HTML 5, los videos solo se podían reproducir en un navegador usando un complemento como flash. Pero después del lanzamiento de HTML … Continue reading «Vídeo HTML5»

¿Cómo silenciar el audio usando HTML5?

En este artículo, silenciamos el audio usando el atributo silenciado en la etiqueta <audio> del documento HTML. Se utiliza para definir que el audio debe silenciarse en la página web. Sintaxis: <audio controls muted> Ejemplo: <!DOCTYPE html>  <html>  <head>     <title>         How to mute an audio using HTML5?     </title> </head>    <body>      <h2>         GeeksForGeeks     </h2>     <h2> … Continue reading «¿Cómo silenciar el audio usando HTML5?»

Etiqueta HTML5 figcaption

La etiqueta <figurecaption> en HTML se utiliza para establecer un título para el elemento de figura en un documento. Esta etiqueta es nueva en HTML5.  Sintaxis:  <figcaption> Figure caption </figcaption> Ejemplo 1:  HTML <!DOCTYPE html>    <html>        <body>            <h1>GeeksforGeeks</h1>         <h2><figcaption Tag></h2>         <figure>         <img src= «https://media.geeksforgeeks.org/wp-content/uploads/geeks-25.png»         alt=»gfglogo» style=»width:50%»>         <!–HTML figcaption tag starts here–>         <figcaption> … Continue reading «Etiqueta HTML5 figcaption»

¿Cómo configurar múltiples recursos de medios para elementos en HTML5?

La tarea es establecer varios recursos de medios para el elemento de medios. Podemos usar varias etiquetas de origen en la etiqueta de medios. Sintaxis: <media_element> <source src=»geeksforgeekslogo.resourse_extension»> <– Example 1 –> <source src=»hpnotebook.jpg»> <– Example 2 –> <source src=»earth_from_moon.mp4″> </media_element> En la sintaxis anterior, los elementos multimedia pueden incluir imágenes, videos y audio. Úselo … Continue reading «¿Cómo configurar múltiples recursos de medios para elementos en HTML5?»

¿Cómo agrupar el contenido del cuerpo en una tabla usando HTML5?

En este artículo, agrupe el contenido del cuerpo en un elemento <table> en un documento. Se utiliza para definir una celda estándar en una tabla HTML. Sintaxis:   <tbody> … </tbody> Ejemplo:  html <!DOCTYPE html> <html>   <head>     <title>         How to group the body content         in a table using HTML5?     </title>       <style>         body {             text-align: … Continue reading «¿Cómo agrupar el contenido del cuerpo en una tabla usando HTML5?»

¿Cómo crear una celda de tabla usando HTML5?

En este artículo, crearemos celdas en una tabla usando una combinación de etiquetas <tr> y <td> en una tabla HTML . Sintaxis: <table> <tr> <td> . . . </td> <td> . . . </td> </tr> </table> Ejemplo: <!DOCTYPE html> <html>    <head>     <title>         How to create a cell in          a table using HTML5?     </title>    … Continue reading «¿Cómo crear una celda de tabla usando HTML5?»

¿Cómo definir el cuerpo del documento en HTML5?

El cuerpo del documento en HTML5 está definido por la etiqueta <body> que se coloca dentro de las etiquetas <html> y justo después de la etiqueta <head>. La etiqueta del cuerpo puede incluir: etiquetas de encabezados: <h1>, <h2>, <h3> y así sucesivamente. etiqueta de párrafo: <p> etiqueta de salto de línea: <br> etiqueta de regla … Continue reading «¿Cómo definir el cuerpo del documento en HTML5?»

HTML5 | Introducción a MathML

El MathML viene en HTML5, la versión actual de MathML es 3, se introdujo en el año de 2015. MathML significa Lenguaje de marcado matemático. Se utiliza para representar la ecuación o expresión matemática en los navegadores web como otros elementos HTML. La primera versión de MathML se lanzó en el año de 1998 y … Continue reading «HTML5 | Introducción a MathML»

¿Cómo definir un título para un documento usando HTML5?

En este artículo, definiremos un título para el documento usando la etiqueta <title> . Esta etiqueta en HTML se utiliza para definir el título del documento HTML. Establece el título en la barra de herramientas del navegador. Proporciona el título de la página web cuando se agrega a favoritos. Muestra el título de la página … Continue reading «¿Cómo definir un título para un documento usando HTML5?»

Referencia completa de HTML Canvas

El elemento HTML «lienzo» se utiliza para dibujar gráficos a través de JavaScript. El elemento «lienzo» es solo un contenedor para gráficos. Uno debe usar JavaScript para dibujar los gráficos. Canvas tiene varios métodos para dibujar rutas, cuadros, círculos, texto y agregar imágenes. Referencia completa 1. Colores, Estilos y Sombras HTML | propiedad de estilo … Continue reading «Referencia completa de HTML Canvas»