>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Como Converter uma Imagem em Código HTML

Com apenas alguns trechos de código HTML, você pode incorporar uma imagem em qualquer página da web, e-mail ou outro documento HTML ou XML baseado na Internet. Embora você não possa "converter" uma imagem em código HTML, pode salvar a imagem localmente ou em um endereço Web específico e depois designar um local para ela em um documento HTML. Você também pode especificar quantos pixels a imagem deve aparecer, tanto vertical quanto horizontalmente. Continue lendo para aprender como incorporar uma imagem em HTML.

Passo 1

Escolha uma imagem. Pode ser qualquer imagem de qualquer tamanho.

Passo 2

Salve a imagem localmente ou online. Isso significa que você pode salvá-la no seu computador ou em um endereço Web específico. Se quiser que outras pessoas vejam a imagem online, você precisa fazer upload da imagem para um servidor Web. Use o servidor do seu site ou, se não tiver site, tente usar o Picasa ou outro aplicativo de armazenamento e compartilhamento de imagens. Anote a URL onde a foto foi salva.

Passo 3

Abra um documento HTML. Use a tag de imagem e a URL exata de onde a imagem está armazenada: <img src="URL_DA_IMAGEM" />. Isso incorporará a imagem ao seu documento HTML. Quando o usuário abrir esse documento via navegador ou outro programa, a imagem aparecerá.

Passo 4

Ajuste a largura da imagem como desejar que apareça, em pixels. Novamente, use a URL exata de onde a imagem está armazenada. Por exemplo: <img src="URL_DA_IMAGEM" width="400">. Isso esticará ou encolherá a largura existente da imagem para 400 pixels.

Passo 5

Ajuste a altura da imagem como desejar que apareça, em pixels. Por exemplo: <img src="URL_DA_IMAGEM" height="700">. Isso esticará ou encolherá a altura existente da imagem para 700 pixels.

Passo 6

Combine ajustes de largura e altura conforme necessário. Por exemplo: <img src="URL_DA_IMAGEM" width="400" height="700">.

Passo 7

Transforme a imagem em um link, se desejar. Use a tag âncora com a tag de imagem embutida. Por exemplo: <a href="URL_DE_DESTINO"><img src="URL_DA_IMAGEM" /></a>.