Генератор HTML Image Code

Создание элемента HTML <img> онлайн

Генератор HTML Image Code создает элемент <img> по указанным источнику изображения, альтернативному тексту и необязательным размерам. Предпросмотр, HTML-код и C#-код обновляются одновременно, поэтому тег изображения можно проверить перед добавлением на веб-страницу или в .NET-проект.

Создание элемента HTML <img> в C#

Панель HTML Code выше содержит настроенную разметку <img>. Панель C# Code ниже создает эквивалентный элемент с помощью Aspose.HTML for .NET .

Созданный код выполняет следующие действия:

1. Создает HTMLDocument и HTMLImageElement с помощью Document.CreateElement() .
2. Задает Src и Alt, а при наличии размеров также Width и Height.
3. Добавляет изображение в тело документа с помощью Node.AppendChild() .
4. Сохраняет готовый документ как image.html с помощью HTMLDocument.Save() .

Сначала настройте изображение, затем скопируйте обновленный C#-код в свой .NET-проект.

FAQ по генератору HTML Image Code

1. Какой alt-текст следует указывать для изображения?

Опишите содержание или назначение изображения с учетом контекста страницы. Для чисто декоративного изображения используйте пустое значение alt, чтобы вспомогательные технологии могли его пропустить. Не подставляйте имя файла и не повторяйте соседний текст без дополнительного смысла.

2. Почему изображение не отображается в предпросмотре?

Убедитесь, что Source указывает на существующее изображение, доступное браузеру. Относительный путь вычисляется от URL текущей страницы, а внешний сервер может требовать авторизацию, блокировать запрос или запрещать прямое подключение изображения.

3. Нужно ли задавать одновременно Width и Height?

Указание обоих исходных размеров позволяет браузеру заранее зарезервировать место и уменьшить сдвиги макета. Значения должны сохранять пропорции исходного изображения, иначе оно может выглядеть искаженным.

4. Можно ли использовать относительный путь вместо полного URL?

Да. Относительный src вычисляется от URL HTML-документа, поэтому путь должен быть действительным после публикации страницы. Для изображения на другом сайте используйте абсолютный HTTP- или HTTPS-адрес.

5. Можно ли добавить созданное изображение в существующий HTML-документ?

Да. Откройте файл через new HTMLDocument("input.html"), создайте и настройте изображение по примеру, добавьте его в нужный элемент и сохраните измененный документ в новый файл.

Установка Aspose.HTML for .NET

Установите Aspose.HTML for .NET из NuGet с помощью .NET CLI:

dotnet add package Aspose.HTML

Также можно использовать интерфейс диспетчера пакетов NuGet или выполнить Install-Package Aspose.HTML в консоли диспетчера пакетов. Подробные инструкции приведены в руководстве по установке . Чтобы протестировать API без ограничений ознакомительной версии, запросите временную лицензию .