Embedded Files
Este exemplo ensina-nos como inserir imagens.
Código:
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:
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:
Drive:
Page updated
Report abuse