Um arquivo HTML consiste em três componentes principais, cabeçalho, corpo e rodapé. Dentro desses elementos, você pode adicionar outros elementos como elementos aninhados, como parágrafos, imagens, títulos, etiquetas e muito mais. Além disso, o HTML também nos permite utilizar o código executável usando elementos de script.

Neste manual, explicaremos o que html “”A tag é e como usá -la. Então vamos!

O que é tag html?

A tag HTML é usada para incorporar código do lado do cliente ao HTML, como JavaScript. Esta tag é utilizada para acessar os elementos HTM adicionados, como imagens e campos de entrada, para executar diferentes operações, como manipulação de imagens, validação de formulários, etc.

Como usar a tag html?

Existem duas maneiras de definir uma tag html:

• Para incorporar código de script em html
• Para vincular o arquivo JavaScript externo

Vamos primeiro conferir a sintaxe do elemento de script.

Sintaxe

Na sintaxe acima, “”É a tag de partida e“”É a etiqueta final do elemento de script html. Entre as tags iniciais e finais, adicione o código que você deseja executar.

A próxima seção descreverá como incorporar código JavaScript em html usando a tag de script.

Como incorporar script em html?

Se você tiver algumas linhas de código no seu arquivo html e precisar executar algum código JavaScript específico para os elementos adicionados, é melhor usar uma etiqueta de script internamente.

Etapa 1: Crie arquivo HTML

No bloco de código abaixo:

• Colocamos uma classe div chamada “principal”Dentro do elemento corporal.
• Nesta div, um título é colocado usando o

  marcação.

• Então, uma função chamada “mostrar()”Está definido que exibirá uma caixa de alerta na tela.

Html

JavaScript interno

ENVIAR

Etapa 2: Div principal do estilo

Vamos estilizar o divisor principal:

• Primeiro, ".principal”É utilizado para acessar a classe principal.
• Alinhou o texto no centro, especificando seu valor como “Centro”.
• ““altura"É definido como"200px”.
• ““cor de fundo"É definido como"#e5989b”.
• ““margem"É definido como"auto”Para centralizar o elemento dentro de seu contêiner horizontalmente.

CSS

.principal
Alinhamento de texto: centro;
Altura: 200px;
Background-Color: #e5989b;
margem: automático;

Pode -se observar que pressionar o botão adicionado executou o código adicionado na tag de script:

Como adicionar link ao código de script externo?

Se o código JavaScript relacionado ao seu site for extenso, é ideal adicioná -lo a um arquivo JavaScript externo para reduzir a complexidade do código.

Para um exemplo prático, criaremos um arquivo JavaScript externo chamado “exemplo.JS”E um arquivo html. Para vincular o arquivo JavaScript ao HTML, especifique o caminho do arquivo JavaScript dentro da tag como o valor do “src”Atributo:

JavaScript externo

JavaScript

Dentro do arquivo JavaScript, adicione o código de acordo com suas preferências, pois queremos imprimir apenas a seguinte mensagem no console:

console.log ("Bem -vindo ao Linuxhint!");

A saída do código descrito acima pode ser visto abaixo:

Nós compilamos as informações essenciais relacionadas à tag HTML Script.

Conclusão

Em HTML, o “”TAG incorpora o código do lado do cliente, como no JavaScript. Geralmente, precisamos colocar algum conteúdo dinâmico, manipulação de imagens ou validação de formulário em nossa página da web. Para realizar essas tarefas, utilize uma tag de script para incorporar esse código interna ou externamente. Neste manual, explicamos o que é tag, sua sintaxe e alguns exemplos práticos para vincular um código JavaScript de incorporação.