Tente copiar o endereço completo do arquivo no seu computador, talvez seja este problema. Outra possível solução é alterar o nome do arquivo para banner1.jpg e alterar isto no código também.
Olá Leyzo!
O código que vc usou (<img src="banner.jpg">) para a imagem está correto!
Acredito que o arquivoindex.html que vc está editando seja diferente do index.htmlque está na pasta html5 e portanto, o index.html estaria em uma pasta diferente do banner.jpg. (que está na pasta html5, e não na pasta Lógica)
Veja que o Sublime text está editando oindex.htmlque está na pasta Lógica, na Área de Trabalho e seus arquivos estão dentro de uma pasta chamada html5, que presumo, também esteja na Área de Trabalho. Veja se seria isso.
Se esta solução der certo, marque como solução para ajudar quem está fazendo esta parte também =)
Um abraço,
Ricardo
Estava com a mesma dúvida e a solução do Ricardo funcionou! Muito obrigado!
Obrigado Ricardo, sua dica deu certo.
Qualquer coisa, você pode criar uma nova pasta, no desktop por exemplo, ir no Sublime Text, clicar em File --> Save As... e salvar dentro dessa nova pasta seu projeto, depois você coloca a imagem também dentro dessa pasta. Pronto, vai funcionar. Isso acontece pq a imagem precisa está dentro da pasta raiz do projeto, ou é necessário especificar o caminho onde ela se encontra. Provavelmente não estava funcionando pq seu arquivo index.html não estava na mesma parte que o arquivo de imagem.
Espero ter ajudado. Sucesso nos estudos! Forte abraço!