Un archivo HTML consta de tres componentes principales encabezado, cuerpo y pie de página. Dentro de estos elementos, puede agregar otros elementos como elementos anidados, como párrafos, imágenes, encabezados, etiquetas y más. Además, HTML también nos permite utilizar el código ejecutable en él utilizando elementos de script.

En este manual, explicaremos qué html ""La etiqueta es y cómo usarlo. Entonces vamos!

¿Qué es la etiqueta HTML??

La etiqueta HTML se usa para incrustar el código del lado del cliente en HTML, como JavaScript. Esta etiqueta se utiliza para acceder a los elementos HTM agregados como imágenes y campos de entrada para realizar diferentes operaciones, como manipulación de imágenes, validación de formularios, etc.

Cómo usar la etiqueta HTML?

Hay dos formas de definir una etiqueta HTML:

• Para incrustar el código de script en html
• Para vincular el archivo JavaScript externo

Primero vamos a ver la sintaxis del elemento de script.

Sintaxis

En la sintaxis anterior, ""Es la etiqueta inicial, y""¿Es la etiqueta final del elemento de script HTML. Entre las etiquetas de inicio y finalización, agregue el código que desea ejecutar.

La siguiente sección describirá cómo incorporar el código JavaScript en HTML usando la etiqueta de script.

Cómo incrustar el script en html?

Si tiene algunas líneas de código en su archivo HTML y necesita ejecutar algún código JavaScript específico para los elementos agregados, entonces es mejor usar una etiqueta de script internamente.

Paso 1: Crear archivo HTML

En el bloque de código dado a continuación:

• Hemos colocado una clase Div llamada "principal"Dentro del elemento del cuerpo.
• En este div, se coloca un encabezado utilizando el

  etiqueta.

• Entonces, una función llamada "espectáculo()"Se define que mostrará un cuadro de alerta en la pantalla.

Html

JavaScript interno

ENTREGAR

Paso 2: Estilo principal Div

Estilemos el Div principal:

• Primero, ".principal"Se utiliza para acceder a la clase principal.
• Alineó el texto en el centro especificando su valor como "centro".
• "altura"Está configurado como"200px".
• "color de fondo"Está configurado como"#E5989B".
• "margen"Está configurado como"auto"Centrar el elemento dentro de su contenedor horizontalmente.

CSS

.principal
Text-Align: Center;
Altura: 200px;
Color de fondo: #E5989B;
margen: auto;

Se puede observar que presionar el botón agregado ha ejecutado el código agregado en la etiqueta de script:

Cómo agregar enlace al código de script externo?

Si el código JavaScript relacionado con su sitio web es extenso, es ideal agregarlo a un archivo JavaScript externo para reducir la complejidad del código.

Para un ejemplo práctico, crearemos un archivo JavaScript externo llamado "ejemplo.js"Y un archivo HTML. Para vincular el archivo JavaScript con HTML, especifique la ruta del archivo JavaScript dentro de la etiqueta como el valor del "SRC" atributo:

JavaScript externo

Javascript

Dentro del archivo JavaScript, agregue el código de acuerdo con sus preferencias, ya que solo queremos imprimir el siguiente mensaje en la consola:

consola.Log ("Bienvenido a Linuxhint!");

La salida del código descrito anteriormente se puede ver a continuación:

Hemos compilado la información esencial relacionada con la etiqueta de script HTML.

Conclusión

En HTML, el ""La etiqueta incorpora el código del lado del cliente, como en JavaScript. A menudo necesitamos colocar un contenido dinámico, manipulación de imágenes o validación de formulario en nuestra página web. Para hacer estas tareas, utilice una etiqueta de script para incrustar ese código interna o externamente. En este manual, hemos explicado qué es la etiqueta, su sintaxis y algunos ejemplos prácticos para vincular un código JavaScript de incrustación.