Introduction aux éléments HTML5
Nous connaissons surtout les sites Web. Un site Web est simplement une collection de pages Web Pour créer une page Web dont nous avons besoin. Un HTML est l'élément qui est responsable de la création d'une page Web. HTML signifie HyperText Markup Language. C'est un langage de balisage de base qui est utilisé pour créer des pages Web qui comprennent en outre pour former des sites Web. Le HTML a tellement évolué depuis la phase initiale de sa création
HTML a été initialement développé par W3C et WHATWG. Il a été initialement développé en 1993. Le W3C vérifie principalement les normes Html et autres. HTML a beaucoup évolué de la version initiale de 1.0 à la version de 5 HTML5 a beaucoup de nouvelles balises HTML.
Balises HTML, là utilisations et exemples
Voici quelques balises HTML avec leurs utilisations et les exemples sont les suivants -
Nouveaux éléments en HTML5
1) - C'est un nouvel élément de formulaire en HTML5. Il aide à implémenter une fonctionnalité de saisie semi-automatique où une zone de saisie apparaît où l'utilisateur peut insérer du texte pour voir les éléments dans la liste
Exemple:
Maintenant, copiez l'extrait de code ci-dessus et collez-le dans le fichier HTML. Maintenant, ouvrez le fichier dans le navigateur
- Cette balise représente la sortie de tout calcul calculé sur un fichier HTML
Exemple
0
100
+
=
Maintenant, copiez l'extrait de code ci-dessus et collez-le dans le fichier HTML. Maintenant, ouvrez le fichier dans Parcourir
2) - Cet élément est utilisé pour recevoir une entrée de l'utilisateur. Le texte saisi par l'utilisateur est généralement sous forme de texte
Exemple
Favorite Football Player:
Favorite Football Team:
Maintenant, copiez l'extrait de code ci-dessus et collez-le dans le fichier HTML. Maintenant, ouvrez le fichier dans le navigateur
3) - Cet élément est utilisé pour recevoir un mot de passe de l'utilisateur.
Exemple
User name
Password:
Maintenant, copiez l'extrait de code ci-dessus et collez-le dans le fichier HTML. Maintenant, ouvrez le fichier dans le navigateur
4) - Cette balise affiche un bouton d'envoi. Ce bouton permet de soumettre le formulaire
Exemple - Dans l'exemple ci-dessous, mettez à jour la valeur de l'action avec le chemin du fichier php
Favorite Football Player:
Favorite Football Team:
Maintenant, copiez l'extrait de code ci-dessus et collez-le dans le fichier HTML. Maintenant, ouvrez le fichier dans le navigateur
5) - Cet élément permet de recevoir une entrée de l'utilisateur à partir des multiples éléments disponibles. L'utilisateur peut sélectionner l'un des éléments disponibles dans la liste
Exemple
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
Maintenant, copiez l'extrait de code ci-dessus et collez-le dans le fichier HTML. Maintenant, ouvrez le fichier dans le navigateur
6) - Cet élément permet de recevoir plusieurs entrées de l'utilisateur à partir des multiples éléments disponibles. L'utilisateur peut sélectionner n'importe quel nombre d'éléments disponibles dans la liste
Exemple
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
Maintenant, copiez l'extrait de code ci-dessus et collez-le dans un fichier html. Maintenant, ouvrez le fichier dans le navigateur
7) HTML put type = ”number”> - Cet élément aide à la valeur numérique de l'utilisateur. L'utilisateur peut insérer une seule valeur numérique dans le champ
Exemple
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Number fields example
Enter number
Maintenant, copiez l'extrait de code ci-dessus et collez-le dans le fichier HTML. Maintenant, ouvrez le fichier dans le navigateur
8) - Cet élément permet de valider si la valeur insérée par l'utilisateur est un email valide. Il affiche une erreur lors de la soumission si l'e-mail n'est pas valide
Exemple
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
Maintenant, copiez l'extrait de code ci-dessus et collez-le dans un fichier html. Maintenant, ouvrez le fichier dans le navigateur
En dehors de cela, HTML5 a beaucoup de nouveaux éléments ajoutés. Certains d'entre eux sont -
- intervalle
- URL
- tel
- l'audio
- intégrer
En dehors des éléments HTML. Il a également ajouté de nouveaux éléments sémantiques. Certains des éléments sémantiques importants sont-
Conclusion - Éléments HTML5
Il y a beaucoup de balises HTML% en cours de développement. D'une version initiale de 1.0 à la dernière version de 5.2, HTML a beaucoup évolué. Ces balises aident à fournir une meilleure interface à l'utilisateur et fournissent plusieurs validations sur la machine utilisateur elle-même.
Articles recommandés
Cela a été un guide pour les éléments HTML5. Nous discutons ici de l'introduction, des balises HTML, de ses utilisations et de leurs exemples correspondants. Vous pouvez également consulter nos autres articles suggérés pour en savoir plus -
- Html5 vs Html4
- HTML vs HTML5
- Questions et réponses d'entrevue HTML5
- 10 meilleures différences HTML vs HTML5 (infographie)
- Cadres HTML
- Nouveaux éléments Html5
- Tags HTML5 | Top 4 des balises de HTML5 | Exemples
- Guide des éléments sémantiques HTML5