Un fichier HTML se compose de trois composants principaux en-tête, corps et pied de page. À l'intérieur de ces éléments, vous pouvez ajouter d'autres éléments en tant qu'éléments imbriqués, tels que des paragraphes, des images, des titres, des étiquettes et plus. De plus, HTML nous permet également d'utiliser du code exécutable à l'aide d'éléments de script.

Dans ce manuel, nous expliquerons ce que HTML "”Tag est et comment l'utiliser. Alors allons-y!

Qu'est-ce que la balise HTML?

La balise HTML est utilisée pour intégrer le code côté client en HTML, comme JavaScript. Cette balise est utilisée pour accéder aux éléments HTM ajoutés comme des images et des champs d'entrée pour effectuer différentes opérations, telles que la manipulation d'image, la validation du formulaire, etc.

Comment utiliser la balise HTML?

Il existe deux façons de définir une balise HTML:

• Pour intégrer le code de script dans HTML
• Pour lier le fichier javascript externe

Voyons d'abord la syntaxe de l'élément de script.

Syntaxe

Dans la syntaxe ci-dessus, ""Est la balise de départ, et"”Est ​​la balise de fin de l'élément de script HTML. Entre les balises de démarrage et de fin, ajoutez le code que vous souhaitez exécuter.

La section suivante décrira comment intégrer le code JavaScript dans HTML à l'aide de la balise de script.

Comment intégrer le script dans HTML?

Si vous avez quelques lignes de code dans votre fichier HTML et devez exécuter un code JavaScript spécifique aux éléments ajoutés, il est préférable d'utiliser une balise de script en interne.

Étape 1: Créer un fichier HTML

Dans le bloc de code donné:

• Nous avons placé une classe div nommée «principal”À l'intérieur de l'élément corporel.
• Dans cette div, une rubrique est placée en utilisant le

  étiqueter.

• Ensuite, une fonction nommée «montrer()"Est défini qui affichera une boîte d'alerte à l'écran.

Html

Javascript interne

SOUMETTRE

Étape 2: Style Div principal

Style, la div principale:

• D'abord, ".principal"Est utilisé pour accéder à la classe principale.
• A aligné le texte au centre en spécifiant sa valeur comme «centre".
• "hauteur"Est défini comme"200px".
• "Couleur de l'arrière plan"Est défini comme"# e5989b".
• "marge"Est défini comme"auto«Pour centrer l'élément dans son conteneur horizontalement.

CSS

.principal
Texte-aligne: Centre;
hauteur: 200px;
Color en arrière-plan: # E5989B;
marge: auto;

On peut observer qu'appuyé sur le bouton ajouté a exécuté le code ajouté dans la balise de script:

Comment ajouter un lien au code de script externe?

Si le code JavaScript lié à votre site Web est étendu, il est idéal de l'ajouter à un fichier javascript externe pour réduire la complexité du code.

Pour un exemple pratique, nous créerons un fichier JavaScript externe nommé "exemple.js»Et un fichier HTML. Pour lier le fichier JavaScript avec HTML, spécifiez le chemin d'accès du fichier JavaScript dans la balise comme valeur du "SRC" attribut:

Javascript externe

Javascrip

À l'intérieur du fichier JavaScript, ajoutez le code en fonction de vos préférences car nous voulons uniquement imprimer le message suivant sur la console:

console.Log ("Bienvenue à Linuxhint!");

La sortie du code décrit ci-dessus peut être vue ci-dessous:

Nous avons compilé les informations essentielles liées à la balise de script HTML.

Conclusion

Dans HTML, le «”TAG intègre le code côté client, comme dans JavaScript. Nous devons souvent placer du contenu dynamique, une manipulation d'images ou une validation de formulaire sur notre page Web. Pour effectuer ces tâches, utilisez une balise de script pour intégrer ce code en interne ou en externe. Dans ce manuel, nous avons expliqué ce qu'est la balise, sa syntaxe et quelques exemples pratiques pour lier un code JavaScript intégré.