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.
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.