Como converter uma imagem em código HTML

Com apenas alguns fragmentos de código HTML, é possível incorporar uma imagem em qualquer página da Web, email ou outro documento baseado na Internet com o formato HTML ou XML. Embora seja verdade que não é possível “converter” uma imagem em código HTML, você pode salvá-la localmente ou em um endereço da Web específico e depois designar um local para ele em um documento HTML. Você também pode especificar quantos pixels a imagem deve ter quando aparecer, na vertical e na horizontal. Continue lendo para aprender como converter uma imagem em código HTML.

Escolha uma imagem Você pode ser qualquer imagem de qualquer tamanho.

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

Abra um documento HTML. Use a tag da imagem e o URL exato do site em que a imagem está armazenada: img src = “http://example.com/image.jpg”. Isso incorporará a imagem no seu documento HTML. Quando os usuários abrem esse documento usando um navegador da Web ou outro programa, essa imagem será exibida.

Ajuste a largura da imagem em termos de pixels e de acordo com a forma como você deseja que ela apareça. Novamente, use o URL exato do site em que a imagem está localizada. Por exemplo, img src = “http://example.com/image.jpg” width = 40. Esta instrução aumentará ou reduzirá a largura atual da imagem para 400 pixels.

Ajuste a altura da imagem em termos de pixels e de acordo com a forma como você deseja que ela apareça. Por exemplo, img src = “http://example.com/image.jpg” height = 700. Isso aumentará ou reduzirá a altura atual da imagem para 700 pixels.

Combine os ajustes de largura e altura, conforme necessário. Por exemplo, img src = “http://example.com/image.jpg” width = 400 height = 700.

Converta a imagem para funcionar como um link, se desejar. Use a tag para ancorar com a tag da imagem incorporada. Por exemplo, um href = “http://website.com” img src = “http://example.com/image.jpg” width = 400 height = 700 / a.

 

Você pode estar interessado:

Deixe um comentário