Como converter uma imagem em código HTML

Digitando as mãos no teclado

As mãos de um homem em um teclado de computador

Crédito da imagem: JatinderKumar / iStock / Getty Images

Com apenas alguns fragmentos 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 não seja possível "converter" uma imagem em código HTML, você pode salvar a imagem localmente ou em um endereço da Web específico e designar um local para ela em um documento HTML. Você também pode especificar quantos pixels de tamanho a imagem deve aparecer, tanto vertical quanto horizontalmente. Continue lendo para aprender como converter uma imagem em código HTML.

Passo 1

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

Vídeo do dia

Passo 2

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

etapa 3

Abra um documento HTML. Use a tag de imagem e o URL exato de onde a imagem está armazenada: . Isso irá incorporar a imagem em seu documento HTML. Quando o usuário abre o documento por meio de um navegador da Web ou outro programa, a imagem é exibida.

Passo 4

Ajuste a largura da imagem como deseja que apareça, em termos de pixels. Novamente, use a URL exata de onde a imagem está armazenada. Por exemplo, http://example.com/image.jpg" largura = 400>. Isso aumentará ou diminuirá a largura existente da imagem para 400 pixels.

Etapa 5

Ajuste a altura da imagem como deseja que apareça, em termos de pixels. Por exemplo, . Isso aumentará ou diminuirá a altura existente da imagem para 700 pixels.

Etapa 6

Combine os ajustes de largura e altura conforme necessário. Por exemplo, .

Etapa 7

Transforme a imagem em um link, se desejar. Use a marca âncora com a marca da imagem incorporada. Por exemplo, .