Dica 1: Como inserir um link para uma imagem em html
Dica 1: Como inserir um link para uma imagem em html
Mensagens em um blog ou em outro recurso podemcontém não apenas informações sobre um problema específico, mas também links diretos para a fonte de informações ou outro recurso. Em particular, o editor HTML permite que você desenhe links para arquivos gráficos.
Você precisará
- Acesso à Internet.
Instruções
1
A maneira mais fácil de vincular, incluindo links para imagem, consiste nas seguintes tags: <a href="ADDRESS ADDRESS"> texto explicativo </a>. Para o endereço da página, dê link no próprio arquivo gráfico, por exemplo: http: // www.site.com/mypicure.jpg. No texto explicativo, você pode especificar o nome do arquivo ou outra informação. Ao visualizar uma mensagem concluída, somente ela será visível, a imagem será aberta quando o cursor for pressionado.
2
Uma imagem pode ser uma referência a si mesma ououtro arquivo gráfico. Para este caso, cole as seguintes tags: <a href="ADDRESS ADDRESS "target=_blank title="Explain text"> <img src = "Image URL"> </a>. Endereço da página - o endereço que se abre quando você clica no mouse; URL da imagem - o endereço da imagem que deseja clicar. O texto explicativo aparece quando você passa o mouse sobre o cursor. O link no design especificado será aberto em uma nova janela.
3
No entanto, esses truques são opcionais, se você deseja publicar apenas imagem em sua mensagem. O principal é conhecer seu endereço na rede. Cole as tags: <img src = "endereço de rede de imagem">. A imagem deve ser semelhante a esta: http://www.site.com/mypicure.jpg.
4
Parâmetros adicionais permitem que você ajusteo tamanho da imagem exibida. Para fazer isso, use as tags width = e height =. Não é necessário usar ambos, se você especificar um deles, o segundo parâmetro mudará proporcionalmente. Após a etiqueta, defina a altura ou a largura desejada da imagem em pixels. O resultado pode ser assim: <img src = "o endereço da sua imagem" width = 500 ">
Dica 2: Como inserir uma imagem em html
O Html é uma linguagem de marcação popular, que ainda é usada com sucesso para criar sites. Por sua via, você pode enviar música, um arquivo de vídeo ou uma foto comum para a página.
Instruções
1
A imagem que deseja colocar nopágina da Web, pode estar no seu computador ou em qualquer site da Internet. É importante especificar corretamente o caminho para o arquivo gráfico para que ele seja exibido corretamente em sua página, por exemplo: <img src = "/ images / D: Figures1.jpg">
2
Entre citações, o endereço da imagem é mostrado com o nome 1.jpg, que está no disco D do seu computador na pasta "Imagens". Se a imagem e o documento, onde ele deve ser colocado, ficam em uma pasta, o caminho será mais curto. Basta citar o nome do arquivo de imagem selecionado entre aspas: <img src = "/ images / 1.jpg">
3
Se você quiser hospedar uma foto comOutro site, o caminho de rede para ele deve ser completamente escrito: <img src = "/images/http://www.museum-online.ru/include/func/r_pic.php?type=3&id=464"> Para encontrar o endereço da rede Como a imagem, clique com o botão direito do mouse nela e selecione o comando "Copiar link de imagem" no menu de contexto e cole o conteúdo da área de transferência na linha de código com as teclas Ctrl + V ou o comando "Colar" no menu de contexto.
4
Abundância de grande, com boas imagens de resoluçãopode reduzir significativamente a página, por causa do que ele irá abrir e carregar lentamente por um longo período de tempo. Para evitar isso, coloque imagens pequenas na página que se transformem em imagens grandes com um clique. Para fazer isso, uma pequena imagem deve ser feita com um link usando a tag âncora (<a </A>): <a href="large picture.jpg"> <img src = "/ images / small picture.jpg"> </a>
5
Neste caso, uma imagem grande será aberta noa mesma janela. Para abri-lo em uma nova janela, use o atributo target da tag de âncora: <a href="higher picture.jpg" target="_blank"> <img src = "/ images / small picture.jpg"> </a>
