Un file HTML è costituito da tre principali componenti, corpo e piè di pagina. All'interno di questi elementi, puoi aggiungere altri elementi come elementi nidificati, come paragrafi, immagini, titoli, etichette e altro ancora. Inoltre, HTML ci consente anche di utilizzare il codice eseguibile utilizzando gli elementi di script.

In questo manuale, spiegheremo cosa HTML ""Il tag è e come usarlo. Quindi andiamo!

Cos'è il tag HTML?

Il tag HTML viene utilizzato per incorporare il codice lato client su HTML, come JavaScript. Questo tag viene utilizzato per accedere agli elementi HTM aggiunti come immagini e campi di input per eseguire operazioni diverse, come manipolazione delle immagini, validazione del modulo, ecc.

Come utilizzare il tag HTML?

Esistono due modi per definire un tag HTML:

• Per incorporare il codice di script in HTML
• Per collegare il file JavaScript esterno

Per prima cosa controlliamo la sintassi dell'elemento script.

Sintassi

Nella sintassi sopra, ""È il tag iniziale e""È il tag finale dell'elemento script html. Tra i tag iniziali e finali, aggiungi il codice che si desidera eseguire.

La sezione successiva descriverà come incorporare il codice JavaScript in HTML usando il tag script.

Come incorporare lo script in html?

Se hai alcune righe di codice nel tuo file HTML e devi eseguire un codice JavaScript specifico per gli elementi aggiunti, è meglio utilizzare un tag di script internamente.

Passaggio 1: creare il file HTML

Nel blocco di codice seguente:

• Abbiamo piazzato una classe Div chiamata "principale"All'interno dell'elemento corporeo.
• In questo div, viene posizionata un'intestazione usando il

  etichetta.

• Quindi, una funzione chiamata "spettacolo()"È definito che visualizzerà una casella di avviso sullo schermo.

Html

JavaScript interno

INVIA

Passaggio 2: Style Main Div

Modelliamo il div principale:

• Primo, ".principale"È utilizzato per accedere alla classe principale.
• Allineato il testo al centro specificando il suo valore come "centro".
• "altezza"È impostato come"200px".
• "colore di sfondo"È impostato come"#E5989B".
• "margine"È impostato come"auto"Per centrare l'elemento all'interno del suo contenitore in orizzontale.

CSS

.principale
Testo-align: centro;
Altezza: 200px;
Background-color: #E5989B;
Margine: auto;

Si può osservare che la pressione del pulsante aggiunto ha eseguito il codice aggiunto nel tag script:

Come aggiungere collegamento al codice di script esterno?

Se il codice JavaScript relativo al tuo sito Web è esteso, è ideale aggiungerlo a un file JavaScript esterno per ridurre la complessità del codice.

Per un esempio pratico, creeremo un file JavaScript esterno chiamato "esempio.js"E un file HTML. Per collegare il file JavaScript con HTML, specificare il percorso del file JavaScript all'interno del tag come valore di "src"Attributo:

JavaScript esterno

JavaScript

All'interno del file JavaScript, aggiungi il codice in base alle tue preferenze in quanto vogliamo solo stampare il seguente messaggio sulla console:

console.Log ("Benvenuti a LinuxHint!");

L'output del codice sopra descritto può essere visualizzato di seguito:

Abbiamo compilato le informazioni essenziali relative al tag script HTML.

Conclusione

In HTML, il ""Tag incorpora il codice lato client, come in JavaScript. Spesso dobbiamo posizionare alcuni contenuti dinamici, manipolazione dell'immagine o convalida della forma sulla nostra pagina web. Per eseguire queste attività, utilizzare un tag di script per incorporare quel codice internamente o esternamente. In questo manuale, abbiamo spiegato cos'è il tag, la sua sintassi e alcuni esempi pratici per collegare un codice JavaScript incorporato.