Learning Hub Logo
JavaScript
  • Introdução ao JavaScript
  • Como adicionar JavaScript ao HTML
  • Saída de Dados
  • Variáveis
  • Tipos de Dados
  • Operadores
  • Operadores de Comparação e Lógicos
  • Condicionais
  • Switch
  • Loop: for
  • Loop: while e do...while
  • Break e Continue
  • Funções
  • Arrow Functions
  • Escopo
  • Arrays
  • Métodos de Array
  • Objetos
  • Métodos de Objeto
  • Strings
  • Métodos de String
  • Números
  • Math
  • Datas
  • Introdução ao DOM
  • Selecionando Elementos
  • Alterando HTML e CSS com JavaScript
  • Eventos
  • Callbacks
  • Promises
  • Async/Await
  • Fetch API
  • JSON
  • Tratamento de Erros
  • Módulos
  • LocalStorage e SessionStorage

Sobre Diego Pinho

Professor especialista em tecnologia com mais de 10 anos de experiência. Autor de livros técnicos e criador de cursos que já impactaram milhares de estudantes.

Visite meu site principal →

Serviços

  • Área do Aluno
  • Solicite um orçamento
  • Trabalhe Conosco

Redes Sociais

  • Youtube
  • TikTok
  • Instagram
  • LinkedIn

Links

  • Site Institucional
  • Nosso Blog
  • Cursos Online
  • Livros Publicados

Professor Diego Pinho

Educação, Tecnologia e IA © 2026

Discord
JavaScriptComo adicionar JavaScript ao HTML
1 min de leitura

Como adicionar JavaScript ao HTML

As formas de incluir JavaScript em uma página HTML: inline, interno e externo

Como adicionar JavaScript ao HTML

Existem três formas de incluir JavaScript em uma página HTML.

Script interno

O código fica dentro da tag <script> no próprio arquivo HTML.

Carregando...

Script externo (recomendado)

O código fica em um arquivo .js separado e é referenciado com o atributo src.

Carregando...

É a forma mais recomendada. Mantém o HTML limpo e permite reutilizar o mesmo arquivo em várias páginas.

Inline

O JavaScript fica diretamente em um atributo HTML como onclick.

Carregando...

Funciona, mas mistura comportamento com estrutura. Evite no dia a dia.

Onde colocar a tag <script>?

O lugar mais comum é antes do </body>, no final do HTML. Isso garante que os elementos da página já existam quando o JavaScript tentar acessá-los.

Carregando...

Colocar o <script> no <head> também é válido, mas nesse caso o atributo defer garante que o script só execute depois que o HTML terminar de carregar:

Carregando...
AnteriorIntrodução ao JavaScriptPróximo Saída de Dados