Gerador HTML Image Code

Criar um elemento HTML <img> online

O Gerador HTML Image Code cria um elemento <img> com a origem da imagem, o texto alternativo e as dimensões opcionais informadas. A visualização, a saída HTML e a saída C# são atualizadas juntas para que você confira a tag antes de copiá-la para uma página web ou projeto .NET.

Criar um elemento HTML <img> em C#

O painel HTML Code acima contém a marcação <img> configurada. O painel C# Code abaixo cria um elemento equivalente com o Aspose.HTML for .NET .

1. Cria um HTMLDocument e um HTMLImageElement com Document.CreateElement() .
2. Define Src e Alt e, quando houver dimensões, também define Width e Height.
3. Adiciona a imagem ao corpo do documento com Node.AppendChild() .
4. Salva o documento concluído como image.html com HTMLDocument.Save() .

Configure primeiro a imagem e depois copie o código C# atualizado para seu projeto .NET.

Perguntas frequentes sobre o Gerador HTML Image Code

1. O que devo informar no texto alt da imagem?

Descreva o conteúdo ou a função da imagem no contexto da página. Use um valor alt vazio para uma imagem puramente decorativa, permitindo que tecnologias assistivas a ignorem. Não use apenas o nome do arquivo nem repita um texto próximo sem acrescentar significado.

2. Por que a imagem não aparece na visualização?

Verifique se Source aponta para uma imagem existente que o navegador possa solicitar. Um caminho relativo é resolvido com base na URL da página atual. Um servidor externo também pode bloquear a solicitação, exigir autenticação ou impedir hotlinking.

3. Devo informar a largura e a altura da imagem?

Informar as duas dimensões intrínsecas permite que o navegador reserve espaço antes do carregamento e pode reduzir mudanças de layout. Use valores que preservem a proporção da imagem original, pois valores incompatíveis podem distorcê-la.

4. Posso usar um caminho relativo em vez de uma URL completa?

Sim. Um src relativo é resolvido com base na URL do documento HTML. Escolha um caminho válido no local em que a página será publicada. Use uma URL HTTP ou HTTPS absoluta quando a imagem estiver hospedada em outro local.

5. Posso adicionar a imagem gerada a um documento HTML existente?

Sim. Abra o arquivo existente com new HTMLDocument("input.html"), crie e configure a imagem conforme mostrado, anexe-a ao elemento necessário e salve o documento modificado em um novo arquivo.

Instalar o Aspose.HTML for .NET

Instale o Aspose.HTML for .NET pelo NuGet usando a CLI do .NET:

dotnet add package Aspose.HTML

Você também pode usar a interface do Gerenciador de Pacotes NuGet ou executar Install-Package Aspose.HTML no Console do Gerenciador de Pacotes. Consulte o guia de instalação para configurar a biblioteca ou solicite uma licença temporária para avaliar a API sem limitações.