Comment faire un bouton dans HTML

Comment faire un bouton dans HTML

Déjà depuis longtemps, HTML reste populaire non seulement parmi les développeurs de chantiers, mais également parmi les internautes, car il s'agit d'un marquage simple et pratique des pages Web, qui est pris en charge par la plupart des éditeurs de texte.



1
Qu'est-ce que HTML?

HTML n'est pas une langue de programmation, selon de nombreuses personnes, il s'agit d'un élément auxiliaire nécessaire au marquage du document Web.

Pour un exemple visuel, on peut dire que le langage de programmation - exécute un programme spécifique spécifié par le programmeur (par exemple, envoyer des messages à un autre utilisateur sur n'importe quel site), et afin que le navigateur comprend qui doit être envoyé ce message. et d'autres nuances avec texte, images, fichiers audio, (comme les images sont situées, sur des pages Web, quelle police et quelle taille du texte et ainsi de suite) est-ce que HTML le fait.

HTML consiste en un ensemble de balises spécifiques. Les balises sont un mot spécial qui exécute la commande souhaitée à HTML.



2
Comment créer un bouton dans HTML?

Méthode 1

Pour commencer à créer un bouton, vous devez décider de sa conception, quelles fonctions il effectuera. Pour cela, il est plus pratique de faire un plan, ou plutôt un diagramme.

Fondamentalement, de telles balises sont utilisées pour commencer à créer un bouton:

  • Utilisation de l'entrée TAG;
  • Utilisation de la balise de bouton;
  • Avec des références aux étiquettes et aux propriétés CSS.

Séparément, je voudrais mentionner les propriétés CSS qui aident à créer des boutons originaux, lumineux et originaux. Utilisation des outils CSS, il est beaucoup plus facile de travailler avec des graphiques.

Ainsi, afin de créer un bouton, vous avez besoin:

  • Aller à un éditeur de texte.
  • Dans un éditeur de texte, spécifiez ces données:

  • \u003cInput type \u003d nom « Bouton » \u003d valeur « suivante » \u003d « next » /\u003e où balise de type d'entrée, le bouton est responsable de la création d'un bouton lui-même, le nom - responsable de l'attribution d'un bouton sélectionné par le nom d'utilisateur, Next - le nom du bouton (comme il sera appelé), « Value \u003d » Next - en utilisant cette balise définit une valeur, par exemple, l' affichage sur le bouton nom créé. Assurez-vous de tracer tous les supports à fermer. Sinon au moins un support manquant, le bouton créé n'est pas affiché dans le navigateur.
  • Après avoir saisi toutes les données nécessaires, enregistrez le document au format HTML. Pour ce faire, vous devez changer l'extension du document et lors de l'enregistrement pour le renommer. Donnez un nom, et après le point, précise que c'est un document HTML. Cliquez d'abord sur le fichier, puis « Enregistrer sous ... »

  • Après cela, dans la fenêtre qui apparaît, saisissez le nom du fichier, après quoi vous sélectionnez « tous les fichiers » et spécifiez l'extension souhaitée. Nous n'oublions pas aussi de spécifier le chemin où vous souhaitez enregistrer le fichier.

  • Ecrire extension de fichier après un point sans espaces.

  • Vous pouvez visualiser en cliquant sur le fichier créé.

  • Le bouton créé regardera comme suit.

Il y a plusieurs façons de créer un bouton en HTML. TEG INPUT, pas la seule étiquette, avec lequel vous pouvez créer un bouton en HTML.

Méthode 2.

Il y a encore des conceptions différentes pour créer des boutons, mais il est préférable d'utiliser des outils CSS. Par exemple, vous pouvez faire les boutons en même temps que l'image.

  • Pour cela, également dans l'éditeur de texte indiquent ces tags:

\u003cNom Bouton \u003d "Suivant" Value \u003d "Next"\u003e

\u003cStyle \u003d Img « vertical-align: milieu; largeur: 24px; " src \u003d http://nubex.ru/files/siroezhkin/icon.png.

"Alt \u003d" « /\u003e

Création d'un bouton

\u003c/ Button\u003e

  • Déjà familier, bouton d'étiquette est responsable de la création d'un bouton. La commande img style est chargé d'afficher le lien où l'image est stockée, et là, vous devez spécifier toutes les caractéristiques principales de l'image, combien de pixels, comment localiser. Assurez-vous de ne pas oublier de spécifier toutes les citations et les supports, sinon les informations ne peuvent pas correctement ou ne pas être affiché complètement.

Travailler avec des étiquettes en HTML est pas si difficile, mais cela est un assistant indispensable pour créer des pages web et des éléments importants sur le site.

 

Ajouter un commentaire

Votre courriel ne sera pas publié. Les champs obligatoires sont marqués *

proche