Estou programando um site e não consigo colar minhas imagens:
<img src: "URL da imagem">, daí, a unica coisa que aparece na página é um ícone de redirecionamento para pág de origem.
O que estou fazendo de errado?É a URL? Ajudem aee, faz parte de um projeto da KHAN e ñ consigo colar as imagens....
PF
Soluções para a tarefa
Primeiramente, devemos saber alguns dados importantes sobre a imagem, tais como, tamanho em píxeis (altura e largura), nome e extensão (JPG, GIF, PNG).
A tag utilizada para se inserir imagens é a tag <img />, que pode ser aberta e fechada no mesmo bloco da tag. Também precisamos informar o endereço da imagem ao navegador então para isso utilizaremos o comando src.
Exemplo:
<img src="link_da_imagem"/>
É importante observarmos que o link da imagem deve sempre terminar com o nome da imagem, ponto (.) a extensão do tipo da imagem. E se a imagem está em uma pasta no mesmo diretório do documento HTML, devemos colocar o nome da pasta seguido de barra (/), antes do nome da imagem.
Exemplo:
<img src="minha_pasta/minha_imagem.png"/>
Manipulando imagens:
Comandos de redimensionamento
Os comandos de redimensionamento de imagem servem para controlar o tamanho da imagem. São eles: width (largura), height (altura).
Os valores mais usados para estes comandos são valores em píxel, que já expliquei em postagens anteriores.
Devemos tomar muito cuidado na hora de usar estes comandos, pois se aplicarmos um tamanho muito distante ao tamanho real da imagem, teremos uma enorme perda de qualidade da mesma.
Exemplo:
<img width="300px" height="300px" src="imagens/minha_imagem.png"/>
é esse e o comando inteiro
<!DOCTYPE html>
<html>
<head>
<title>Inserindo e manipulando imagens em uma página HTML</title>
</head>
<body>
<img src="imagens/minha_imagem.png" alt="Minha imagem!" title="Imagem que aprendi a inserir em um documento HTML" vspace="10px" hspace="15px" border="10px" align="right"/>
</body>
</html>
espero ter ajudado :)