Artigo original: Link JavaScript to HTML with the script src Attribute

O atributo "src" em uma tag é o caminho para um arquivo ou recurso externo que você deseja vincular ao seu documento HTML.

Por exemplo, se você tiver seu próprio arquivo JavaScript personalizado chamado 'script.js' e se quiser adicionar funcionalidade à página HTML, adicione-o assim:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Exemplo do atributo src na tag script</title>
  </head>
  <body>

  <script src="./script.js"></script>
  </body>
</html>

Assim, você apontará para um arquivo chamado 'script.js' que está no mesmo diretório que o arquivo .html. Você também pode vincular a outros diretórios usando '..' no caminho do arquivo.

<script src="../public/js/script.js"></script>
Exemplo de como vincular a outros diretórios

Isso faz com que, para chegar ao arquivo desejado, se "pule" um nível de diretório – do diretório 'public' para o diretório 'js' e, depois, para o arquivo 'script.js'.

Você também pode utilizar o atributo 'src' para vincular arquivos .js externos hospedados por terceiros. Isso é usado se você não quiser baixar uma cópia local do arquivo. Cuide, no entanto, para o caso de o link ser alterado ou o acesso à rede estar desativado. Nessa situação, você não conseguirá vincular o arquivo externo que procura.

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
Exemplo de link de um arquivo do jQuery

Mais informações:

Artigo da MDN sobre a tag script no HTML