Eine HTML -Datei besteht aus drei Hauptkomponenten -Header, Körper und Fußzeile. In diesen Elementen können Sie andere Elemente als verschachtelte Elemente wie Absätze, Bilder, Überschriften, Etiketten und mehr hinzufügen. Darüber hinaus ermöglicht HTML es uns, ausführbarer Code mithilfe von Skriptelementen zu verwenden.

In diesem Handbuch werden wir erklären, was HTML “”Tag ist und wie man es benutzt. So lass uns gehen!

Was ist HTML -Tag?

Das HTML-Tag wird verwendet, um den clientseitigen Code in HTML wie JavaScript einzubetten. Dieses Tag wird verwendet, um auf die hinzugefügten HTM -Elemente wie Bilder und Eingabefelder zuzugreifen, um unterschiedliche Operationen wie Bildmanipulation, Formularvalidierung usw. durchzuführen.

So verwenden Sie HTML -Tag?

Es gibt zwei Möglichkeiten, ein HTML -Tag zu definieren:

• Um den Skriptcode in HTML einzubetten
• So verknüpfen Sie die externe JavaScript -Datei

Schauen wir uns zunächst die Syntax des Skriptelements an.

Syntax

In der obigen Syntax “,“"Ist das StartetikIst das End -Tag des HTML -Skriptelements. Fügen Sie zwischen Start- und End -Tags den Code hinzu, den Sie ausführen möchten.

Im nächsten Abschnitt wird beschrieben.

Wie man Skript in HTML einbettet?

Wenn Sie einige Codezeilen in Ihrer HTML -Datei haben und einige JavaScript -Code ausführen müssen, die für die hinzugefügten Elemente spezifisch sind, ist es besser, ein Skript -Tag intern zu verwenden.

Schritt 1: HTML -Datei erstellen

Im untergegebenen Codeblock:

• Wir haben eine DIV -Klasse namens "namens" platziert "hauptsächlich”Im Körperelement.
• In dieser DIV wird eine Überschrift mit dem platziert

  Schild.

• Dann eine Funktion namens “zeigen()Ist definiert, die ein Warnbox auf dem Bildschirm anzeigen.

Html

Interner JavaScript

EINREICHEN

Schritt 2: Style Main Div

Lasst uns die Hauptd Div stylen:

• Erste, ".hauptsächlich”Wird verwendet, um auf die Hauptklasse zuzugreifen.
• Stimmte den Text in der Mitte aus, indem er seinen Wert als „angibt“Center”.
• “Höhe”Wird als" eingestellt "200px”.
• “Hintergrundfarbe”Wird als" eingestellt "#e5989b”.
• “Rand”Wird als" eingestellt "AutoUm das Element in seinem Behälter horizontal zu zentrieren.

CSS

.hauptsächlich
Text-Align: Mitte;
Höhe: 200px;
Hintergrundfarbe: #e5989b;
Rand: Auto;

Es kann beobachtet werden, dass das Drücken der zusätzlichen Taste den im Skript -Tag hinzugefügten Code ausgeführt hat:

So fügen Sie Link zum externen Skriptcode hinzu?

Wenn der auf Ihre Website bezogene JavaScript -Code umfangreich ist, ist es ideal, ihn einer externen JavaScript -Datei hinzuzufügen, um die Codekomplexität zu verringern.

Für ein praktisches Beispiel erstellen wir eine externe JavaScript -Datei mit dem Namen “Beispiel.JSUnd eine HTML -Datei. Um die JavaScript -Datei mit HTML zu verknüpfen, geben Sie den Pfad der JavaScript -Datei innerhalb des Tags als Wert der “ansrc”Attribut:

Externer JavaScript

JavaScript

Fügen Sie in der JavaScript -Datei den Code entsprechend Ihren Einstellungen hinzu, da wir nur die folgende Nachricht auf der Konsole ausdrucken möchten:

Konsole.Protokoll ("Willkommen bei LinuxHint!");

Die Ausgabe des oben beschriebenen Codes ist unten zu sehen:

Wir haben die wesentlichen Informationen zum HTML -Skript -Tag zusammengestellt.

Abschluss

In HTML die “”Tag einbettet den clientseitigen Code ein, z. B. in JavaScript. Wir müssen oft dynamische Inhalte, Bildmanipulation oder Formvalidierung auf unserer Webseite platzieren. Verwenden Sie, um diese Aufgaben auszuführen, ein Skript -Tag, um diesen Code entweder intern oder extern einzubetten. In diesem Handbuch haben wir erklärt, was das Tag ist, seine Syntax und einige praktische Beispiele für die Verknüpfung eines Einbettungs -JavaScript -Code.