PRESENTACIÓN

Nombres
Yikaury Eliza
Apellidos
Veloz Peguero
Matrícula
20-eist-2-010
Materia
Tecnología y servicios de internet
Profesor
José Dolores Rosario Polanco
 INTRODUCCIÓN
Las etiquetas HTML son pequeños bloques de código, que indican al navegador
como debe interpretar el contenido recogido entre dichas etiquetas.
A continuación hay un breve recuento de algunas etiquetas y sus ejemplos.

 MENU: Sirve para listar un menú.

<menu type="toolbar"> <li>Diseño Web</li> <li>Programación
Web</li> <li>Desarrollo PHP</li></menu>

 DETAILS: Detalles o información de un producto por ejemplo.

Automáticamente hace el efecto de expandir.
 SUMMARY: Es un resumen. Suele usarse justo antes de Details.
<details> <summary>Cuentas año 2015.</summary> <p> - Primer
trimestre X</p> <p>Durante el primer trimestre se a
obtenido...</p></details>

 FIGURE: Sirve para identificar, imágenes, fotos, etc.

 FIGCAPTION: Es el texto que acompaña, normalmente debajo, una imagen.
<figure> <img src="imagen.jpg" alt="TExto
alternativo"><figcaption>Texto de la imagen.</figcaption></figure>

 HGROUP: Sirve para agrupar diferentes encabezados (h1, h2, etc.) y dar a
entender que están relacionados entre si. Es interesante si tenemos varios h1
con sus correspondiente h2, poder agruparlos y que quede claro las
relaciones del contenido.
<header> <hgroup><h1>Titular 1</h1><h2>Subtitulo noticia
1</h2></hgroup></header><header> <hgroup><h1>Titular
2</h1><h2>Subtitulo noticia 2</h2></hgroup> </header>

 MARK: Sirve para destacar un contenido.

<p>Si queremos poner un enlace usaremos la etiqueta
<mark>a</mark>.</p>

 METER: Sirve para insertar escalas, por ejemplo: Si ponemos 20 de 100,

veremos una barra de navegación con un 20%..
<meter value="20" min="0" max="100">20 / 100</meter>

 PROGRESS: Sirve para poner barras de progreso.

<progress value="20" max="100"></progress>

 DATALIST: Podemos crear campos de auto-completar.

<input list="buscador"><datalist id="buscador"><option
value="Perrod"><option value="Gatos"><option
value="Caballos"><option value="Conejos"><option
value="Vacas"><option value="Cerdos"><option
value="Cebras"></datalist>

 AUDIO: Con esta etiqueta podemos introducir y reproducir un fichero de

audio.
<audio controls> <source src="audio1.mp3" type="audio/mpeg">
<source src="audio2.mp3" type="audio/mpeg"> Actualiza tu navegador.
No soporta HTML5.</audio>

 VIDEO: Permite insertar y reproducir archivos de formato vídeo.

 SOURCE: Permite especificar varios vídeos o audios.
<video controls> <source src="video1.mp4" type="video/mp4">
<source src="video2.mp4" type="video/mp4"> Actualiza tu navegador.
No soporta HTML5.</video>

 EMBED: Para embeber contenido externo. Por ejemplo, para poner en nuestra
web el tiempo de la última semana, podemos llamar a un servicio que nos de
esa información e introducirlo en nuestra web.
<embed src="flash.swf">

 TRACK: Permite especificar pistas para vídeos o audios.

<audio controls> <source src="video1.ogg" type="audio/ogg">
<source src="video2.mp3" type="audio/mpeg"> <track
src="video_en.vtt" kind="subtitulos" srclang="en" label="Ingles">
<track src="video_es.vtt" kind="subtitulos" srclang="es"
label="español"> Su navegador no soporta videos de HTML5.</audio>

Conclusión
 Muchas gracias

Bibliografía
https://brandominus.com/blog/creatividad/
todas-etiquetas-html5/
https://imacreste.com/etiquetas-html5/