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

Створення HTML-елемента <img> онлайн

Генератор HTML Image Code створює елемент <img> за вказаним джерелом зображення, альтернативним текстом і необов’язковими розмірами. Попередній перегляд, HTML- і C#-код оновлюються одночасно, тому image tag можна перевірити перед копіюванням на вебсторінку або в проєкт .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.

Поширені запитання про генератор HTML Image Code

1. Який текст потрібно вказати в полі Alt Text?

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

2. Чому зображення не відображається в попередньому перегляді?

Перевірте, чи Source указує на наявне зображення, яке браузер може завантажити. Відносний шлях обчислюється від URL-адреси поточної сторінки, а зовнішній сервер може блокувати запит, вимагати автентифікацію або забороняти пряме посилання.

3. Чи потрібно вказувати і ширину, і висоту зображення?

Обидва власні розміри дають браузеру змогу зарезервувати місце до завантаження зображення та зменшити зміщення макета. Використовуйте значення, що зберігають пропорції вихідного зображення, інакше воно може спотворитися.

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 без обмежень ознайомлювальної версії, запросіть тимчасову ліцензію .