Se quisermos inserir uma imagem no documento HTML para mostrar a imagem em uma p�gina da web, temos que seguir os passos a seguir.
Usando essas etapas, podemos facilmente adicionar ou inserir uma imagem no documento.
Passo 1: Em primeiro lugar, temos que digitar o c�digo HTML em qualquer editor de tex-to ou abrir o arquivo Html existente no
editor de texto no qual queremos inserir a imagem:
Passo 2: Agora, mova o cursor para o ponto onde queremos inserir uma imagem. E ent�o, digite a tag <img> vazia nesse
ponto, conforme mostra o c�digo abaixo:
Passo 3: Agora, temos que adicionar o atributo da tag de imagem cujo nome � "src". Portanto, digite o atributo src dentro
da tag<img>:
Passo 4: Depois disso, temos que indicar o caminho da imagem que queremos inserir. Ent�o, digite o caminho da imagem no atributo src. Se nossa imagem estiver armazenada no mesmo diret�rio em que nosso arquivo HTML est� armazenado, digite o seguinte caminho:
<img src = "nomeArquivo.extens�o">
Por exemplo:
<img src = "tomate.png"> <br>
Se a imagem estiver armazenada em qualquer outro diret�rio, digite o caminho correto dessa imagem, para que o navegador possa ler a imagem facilmente, conforme mostra o exemplo a seguir:
<img src = "/tutoriais/html/imagens/tomate.png">
Se a imagem estiver na internet, ent�o tamb�m podemos adicionar a imagem usando URL, conforme mostrado no exemplo a seguir:
<img src = "www.simuladosetutoriais.com/imagens/tomate.png">
Etapa 5: depois disso, tamb�m podemos definir a largura e a altura dessa imagem usando dois atributos diferentes, conforme mostrado no exemplo a seguir:
<img src = "javatpointimage.jpeg" width = "500" height = "200">
Passo 6: Por �ltimo, temos que salvar o seguinte arquivo html ou c�digo html no editor de texto.
Veja o resultado do c�digo acima:
