En HTML -fil består av tre hovedkomponenthode, kropp og bunntekst. Inne i disse elementene kan du legge til andre elementer som nestede elementer, for eksempel avsnitt, bilder, overskrifter, etiketter og mer. Dessuten tillater HTML oss også å bruke kjørbar kode i den ved hjelp av skriptelementer.

I denne håndboken vil vi forklare hva HTML “”Tag er og hvordan du bruker den. Så la oss gå!

Hva er HTML -taggen?

HTML-taggen brukes til å legge inn klientsiden-kode til HTML, for eksempel JavaScript. Denne taggen brukes til å få tilgang til de ekstra HTM -elementene som bilder og inngangsfelt for å utføre forskjellige operasjoner, for eksempel bildemanipulering, formvalidering osv.

Hvordan bruke HTML -taggen?

Det er to måter å definere en HTML -tag:

• Å legge inn skriptkode i HTML
• For å koble ekstern JavaScript -fil

La oss først sjekke syntaksen til skriptelementet.

Syntaks

I syntaks ovenfor, "”Er startkoden, og“”Er sluttkoden til HTML -skriptelementet. Mellom start- og sluttkodene, legg til koden du vil utføre.

Den neste delen vil beskrive hvordan du legger inn JavaScript -kode i HTML ved hjelp av skriptetoden.

Hvordan legge inn skript i HTML?

Hvis du har noen få kodelinjer i HTML -filen din og trenger å utføre noen JavaScript -kode som er spesifikke for de ekstra elementene, er det bedre å bruke en skriptetag internt.

Trinn 1: Opprett HTML -fil

I den undergitte kodeblokken:

• Vi har plassert en Div -klasse som heter “hoved-”Inne i kroppselementet.
• I denne div er en overskrift plassert ved hjelp av

  stikkord.

• Deretter en funksjon som heter “forestilling()”Er definert som vil vise en varslingsboks på skjermen.

Html

Internt JavaScript

SENDE INN

Trinn 2: Style Main Div

La oss style hoveddiven:

• Først, “.hoved-”Brukes for å få tilgang til hovedklassen.
• Justerte teksten i sentrum ved å spesifisere verdien som "senter”.
• “høyde”Er satt som“200px”.
• “bakgrunnsfarge”Er satt som“#E5989b”.
• “margin”Er satt som“bil”For å sentrere elementet i beholderen horisontalt.

CSS

.hoved
tekst-align: sentrum;
Høyde: 200px;
Bakgrunnsfarge: #E5989B;
Margin: Auto;

Det kan observeres at å trykke på den ekstra knappen har utført koden lagt til i skriptetoden:

Hvordan legge til lenke til den eksterne skriptkoden?

Hvis JavaScript -koden relatert til nettstedet ditt er omfattende, er det ideelt å legge den til en ekstern JavaScript -fil for å redusere kodekompleksiteten.

For et praktisk eksempel vil vi lage en ekstern JavaScript -fil som heter “eksempel.JS”Og en HTML -fil. For å koble JavaScript -filen med HTML, spesifiser banen til JavaScript -filen i taggen som verdien av "src" Egenskap:

Eksternt JavaScript

JavaScript

Inne i JavaScript -filen, legg til koden i henhold til dine preferanser, da vi bare ønsker å skrive ut følgende melding på konsollen:

konsoll.Logg ("Velkommen til Linuxhint!");

Utgangen fra den ovenfor beskrevne koden kan sees nedenfor:

Vi har samlet den essensielle informasjonen relatert til HTML -skriptetoden.

Konklusjon

I HTML, “”Tag innebygger klientsiden-koden, for eksempel i JavaScript. Vi må ofte plassere noe dynamisk innhold, bildemanipulering eller skjemavalidering på websiden vår. For å gjøre disse oppgavene, bruk et skriptetag for å legge inn den koden enten internt eller eksternt. I denne håndboken har vi forklart hva taggen er, syntaks og noen praktiske eksempler for å koble en innebygd JavaScript -kode.