4.12. Introduction au HTML : structure de base, balises et attributs : balises de bouton
HTML, qui signifie Hyper Text Markup Language, est le langage de balisage standard pour la création de pages Web. C'est un langage qui permet de structurer les contenus sur le web de manière sémantique. C'est grâce au HTML que l'on peut définir si le contenu est un paragraphe, un en-tête, un lien, une liste, une image, entre autres.
Structure de base du HTML
Un document HTML a une structure de base qui inclut des balises telles que <!DOCTYPE html>, <html>, <head> et <body>. La balise <!DOCTYPE html> indique au navigateur qu'il s'agit d'un document HTML5. La balise <html> est la racine du document et contient toutes les autres balises. À l'intérieur, nous avons la balise <head>, qui contient des métadonnées et des informations qui ne sont pas affichées à l'utilisateur, et la balise <body>, qui contient le contenu. de la page, c'est-à-dire tout ce qui est affiché à l'utilisateur.
Balises et attributs
Les balises sont les éléments HTML qui marquent et définissent la structure du contenu. Ils sont composés d’un nom et sont placés entre crochets angulaires et crochets angulaires. Par exemple, la balise <p> définit un paragraphe. De plus, les balises possèdent des attributs, qui sont des informations supplémentaires qui modifient ou complètent le comportement de la balise. Par exemple, la balise <a>, qui définit un lien, peut avoir l'attribut href, qui spécifie l'adresse du lien.
Étiquette de bouton
La balise <button> est utilisée pour créer un bouton cliquable. Il peut contenir du texte, des images ou tout autre contenu HTML. Un bouton peut être utilisé sur des formulaires ou n’importe où dans un document nécessitant une fonctionnalité de bouton interactif. Voir un exemple d'utilisation de la balise <button> :
<button type="button">Cliquez ici</button>
Dans cet exemple, la balise <button> définit un bouton avec le texte « Cliquez ici ». L'attribut type spécifie qu'il s'agit d'un bouton sur lequel on peut cliquer, mais auquel aucune action n'est associée par défaut.
Il est important de noter que la balise <button> doit toujours être fermée par la balise </button>. De plus, il peut avoir plusieurs attributs, tels que disabled, qui désactive le bouton, form, qui associe le bouton à un formulaire, et value. , qui définit une valeur pour le bouton.
De plus, la balise <button> peut être utilisée conjointement avec JavaScript pour créer des fonctionnalités interactives. Par exemple, nous pouvons utiliser l'événement onclick pour exécuter une fonction JavaScript lorsque l'on clique sur le bouton.
Conclusion
La balise <button> est un outil puissant pour créer de l'interactivité sur une page Web. Qu'il s'agisse de soumettre un formulaire, d'ouvrir un nouveau lien ou d'exécuter une fonction JavaScript, la balise <button> est une partie essentielle du HTML. Apprendre à l'utiliser correctement est une étape importante pour devenir un développeur front-end compétent.
Remarque : Il s'agit d'un exemple de texte formaté avec des balises HTML. Dans un vrai document HTML, le contenu entre les balises <pre> et <code> ne serait pas affiché sous forme de texte, mais sous forme de code HTML. Pour afficher le code HTML sous forme de texte dans un document HTML réel, vous devez utiliser des entités HTML telles que < pour <, > pour > et & à &.
