Introducción a elementos HTML5
Somos conscientes principalmente de los sitios web. Un sitio web es simplemente una colección de páginas web para crear cualquier página web que necesitemos. Un HTML es el elemento responsable de hacer cualquier página web. HTML significa lenguaje de marcado de hipertexto. Es un lenguaje de marcado básico que se utiliza para crear cualquier página web que además comprende formar sitios web. HTML ha evolucionado mucho desde la etapa inicial cuando se formó
HTML fue desarrollado inicialmente por W3C y WHATWG. Fue desarrollado inicialmente en 1993. El W3C verifica principalmente los estándares de Html y otras cosas. HTML ha evolucionado mucho desde la versión inicial de 1.0 a la versión de 5 HTML5 tiene muchas etiquetas HTML nuevas.
Etiquetas HTML, usos y ejemplos
A continuación se muestran algunas etiquetas de HTML con sus usos y los ejemplos son los siguientes:
Nuevos elementos en HTML5
1) - Es un nuevo elemento de formulario en HTML5. Ayuda a implementar una función de autocompletar donde aparece un cuadro de entrada donde el usuario puede insertar texto para ver elementos en la lista
Ejemplo:
Ahora, copie el fragmento de código anterior y péguelo en el archivo HTML. Ahora, abra el archivo en el navegador
- Esta etiqueta representa la salida de cualquier cálculo que se calcula en un archivo HTML
Ejemplo
0
100
+
=
Ahora, copie el fragmento de código anterior y péguelo en el archivo HTML. Ahora, abra el archivo en navegar
2) - Este elemento se usa para recibir información del usuario. El texto ingresado por el usuario generalmente es de texto
Ejemplo
Favorite Football Player:
Favorite Football Team:
Ahora, copie el fragmento de código anterior y péguelo en el archivo HTML. Ahora, abra el archivo en el navegador
3) - Este elemento se usa para recibir una contraseña del usuario.
Ejemplo
User name
Password:
Ahora, copie el fragmento de código anterior y péguelo en el archivo HTML. Ahora, abra el archivo en el navegador
4) - Esta etiqueta representa un botón de enviar. Este botón se utiliza para enviar el formulario.
Ejemplo: en el siguiente ejemplo, el valor de acción de actualización con la ruta del archivo php
Favorite Football Player:
Favorite Football Team:
Ahora, copie el fragmento de código anterior y péguelo en el archivo HTML. Ahora, abra el archivo en el navegador
5) - Este elemento ayuda a recibir una entrada del usuario de los múltiples elementos disponibles. El usuario puede seleccionar cualquiera de los elementos disponibles en la lista
Ejemplo
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Radio Buttons for faavorite cusine
Asian
Thai
Japanese
Ahora, copie el fragmento de código anterior y péguelo en el archivo HTML. Ahora, abra el archivo en el navegador
6) - Este elemento ayuda a recibir múltiples entradas del usuario de los múltiples elementos disponibles. El usuario puede seleccionar cualquier número de elementos disponibles en la lista
Ejemplo
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Checkbox for faavorite cusine
Asian
Thai
Japanese
Ahora, copie el fragmento de código anterior y péguelo en el archivo html. Ahora, abra el archivo en el navegador
7) HTML put type = "número"> - Este elemento ayuda al valor numérico del usuario. El usuario puede insertar un único valor numérico en el campo
Ejemplo
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Ahora, copie el fragmento de código anterior y péguelo en el archivo HTML. Ahora, abra el archivo en el navegador
8) - Este elemento ayuda a validar si el valor insertado por el usuario es un correo electrónico válido. Muestra un error al enviar si el correo electrónico no es válido
Ejemplo
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Number fields example
Enter valid email id
Ahora, copie el fragmento de código anterior y péguelo en el archivo html. Ahora, abra el archivo en el navegador
Además de esto, HTML5 tiene muchos elementos nuevos agregados. Algunos de ellos son -
- rango
- URL
- tel
- audio
- empotrar
Aparte de los elementos HTML. También ha agregado nuevos elementos semánticos. Algunos de los elementos semánticos importantes son:
Conclusión: elementos HTML5
Hay muchas etiquetas de HTML% que se están desarrollando. Desde una versión inicial de 1.0 hasta la última versión de 5.2, HTML se ha desarrollado mucho. Estas etiquetas ayudan a proporcionar una mejor interfaz para el usuario y proporcionan varias validaciones en la máquina del usuario.
Artículos recomendados
Esta ha sido una guía de elementos HTML5. Aquí discutimos la introducción, las etiquetas HTML, sus usos y sus ejemplos correspondientes. También puede consultar nuestros otros artículos sugeridos para obtener más información:
- Html5 vs Html4
- HTML vs HTML5
- Preguntas y respuestas de la entrevista HTML5
- 10 mejores diferencias HTML vs HTML5 (infografía)
- Marcos HTML
- Html5 Nuevos Elementos
- Etiquetas HTML5 | Las 4 etiquetas principales de HTML5 | Ejemplos
- Guía de elementos semánticos HTML5