Como usar imagens do computador em HTML?

Eu sei que eu preciso usar <img src="imagename.jpg"> mas quando eu faço que nada acontece. Eu também tentei colocar em todo o caminho para a imagem, o que estou ausente? Ele funciona muito bem quando eu apenas colocar uma URL e usar imagens da internet, mas eu não posso fazê-lo funcionar com coisas no meu computador.

Resposta

Você precisa usar a posição relativa ou absoluta, posição, e você precisa ter um siteroot.

Basicamente, você deve pensar de seu web site como começando com uma pasta, que tem arquivos nele.

Então faça uma pasta chamada local ou o que você quiser chamá-lo.

em que pasta faça outra um chamado imagens

Copie as imagens que você deseja usar para a pasta de imagens.

Colocar seu código HTML na pasta principal.

Agora tudo que você precisa entender é "cortar ou não cortar".

"/"<- that="" guy="" there="" does="" two="" things.="" as="" you="" know,="" he="" divides="" things="" in="" to="" folders,="" and="" as="" in="" images/vacation/2010/venice1.jpg=""></->

A outra coisa que ele faz, se ele estiver no início, é de denotar "Siteroot" que significa voltar para a pasta raiz do site e começar a partir daí. Assim não importa onde você está no seu site, / imagens sempre significa a pasta de imagens, um acima do siteroot.

Então.. sua etiqueta de imagem seria <img src="/images/mypic1.png"> com a barra anterior

Não é uma boa idéia tentar usar caminhos para referenciar o material que não está contida na siteroot... Então, como <img src="file://C:/Brian/images/my_dog_spot.gif"> é o tipo de um não, não. Você pode fugir com ele na sua caixa de local se você usar o prefixo de file://, mas isso não vai funcionar na maior web.

Se você quiser fazer mais que apenas testar código html básico, você deve realmente baixar o XAMPP e funcionar um motor de apache em sua caixa. Dessa forma, você pode usar a URL referencia. (http://localhost).

XAMPP é aqui: