HTML images

Este exemplo ensina-nos como inserir imagens.

Código:

Comecei por fazer um cabeçalho e um parágrafo com as suas tags correspondentes (já aqui explicadas nos seus exemplos), que explica o propósito do código.
Inicio a tag <img> que não precisa de ser fechada. dentro da mesma coloco o endereço da imagem no meu computador, através do "src=", coloco também um texto alternativo caso a imagem não carregue, através do "alt=" e, por fim, a largura (width) e a altura (height), em pixels.

<!DOCTYPE html>

<html>

  <body> <!-- Início do corpo da página Web -->

     <h2>Imagens em HTML</h2> <!-- Cabeçalho -->

     <p>Imagens em HTML são definidas com a tag "img":</p> <!-- parágrafo -->

     <img src="imagens\w3schools.jpg" alt="W3Schools.com" width="104" height="142">

     <!-- Imagem com texto alternativo e com uma largura de 104pixels e altura de 142pixels -->

 </body> <!-- Fim do corpo da página Web -->

</html>

Resultado:

Nota: Por alguma razão a imagem não aparece no site, apesar de eu a ter na pasta "imagens" no Drive. Se clicar diretamente no ficheiro "index.html", funciona sem problemas.

Drive:

Exemplo anterior

Passo seguinte