Como inserir texto em uma imagem via html

Você pode adicionar texto às imagens sem o software de edição de fotos.

Você não precisa necessariamente Photoshop para legendar todas as suas fotos de férias na web. Usando HTML, as legendas podem ser escritos bem em cima das próprias fotos. Isso permite que você altere o texto sempre que você gostaria. Outra vantagem é que você não vai desfigurar as fotos por imprinting definitivamente texto sobre eles.

Coisas que você precisa

  • editor HTML
  • Lançar o seu editor de HTML. selecionar "Arquivo" e "Novo" da barra de navegação do programa. Um documento HTML em branco aparecerá em sua tela.

  • Codificar uma nova tabela. Defina as propriedades - borda, cellspacing e cellpadding - para zero. Isto irá permitir que as células da tabela para colocar alinhada com a imagem.

    Exemplo:

  • Introduza um conjunto de dados da tabela e tags de linha dentro da tabela. Ajuste a altura ea largura dos dados da tabela para dimensões de sua imagem.

    Exemplo:

  • Adicionar "background ="ImageLink"aspa --no antes do fundo - dentro do código de dados tabela. Alterar "ImageLink" para o URL da sua imagem, e mantenha as aspas. Isso define sua imagem como fundo da tabela.



    Exemplo:

  • Escolha um local para o seu texto apareça. O texto pode exibir na parte inferior, superior ou no meio da sua imagem. Adicionar valign ="inferior" ao seu código de dados da tabela para definir o posicionamento. "valign" significa alinhamento vertical. Alterar "inferior" para "meio" ou "topo" com base na sua localização pretendida.

    Exemplo:

  • Digite o texto desejado entre as tags de dados da tabela abertos e fechados.

    Exemplo:

    Texto

  • Salve o documento HTML. Visualizar a página no navegador da Web antes de enviá-lo ao seu servidor.

De esta maneira? Compartilhar em redes sociais:

LiveInternet