# HTML with Images Samples

HTML source code samples with images for testing extraction

> Canonical page: https://elysiatools.com/en/samples/html-with-images

- **Category:** Text Processing

- **Keywords:** html, image, img, src, extract, web, parser, dom

## Overview

HTML source code samples with images for testing extraction

## Examples

- **Basic HTML with Images**: Simple HTML page with standard img tags
- **Lazy Loading Images**: HTML with data-src attributes for lazy loading
- **Responsive Images with srcset**: HTML with srcset and sizes attributes for responsive images
- **E-commerce Product Page**: Real-world e-commerce product page with multiple images
- **Blog Article with Images**: Blog post with various image types and placements
- **Mixed Absolute and Relative URLs**: HTML with various URL formats (absolute, relative, protocol-relative)
- **Duplicate Images**: HTML with duplicate image URLs for testing deduplication

## When to use

- Use this sample set when you want reference inputs for HTML with Images Samples.
- Use it to preview output formats and compare related sample variants.

## How it works

- Open a sample entry to inspect the prepared example payload or asset.
- Compare it with related tools to understand how the workflow connects.

## Use cases

- Basic HTML with Images
- Lazy Loading Images
- Responsive Images with srcset
- E-commerce Product Page
- Blog Article with Images
- Mixed Absolute and Relative URLs

## Frequently asked questions

### What is included in HTML with Images Samples?

This page includes curated sample entries, related tools, and neighboring sample collections for HTML with Images Samples.

## Related tools

- [Bulk Images Resize for Instagram](https://elysiatools.com/en/tools/bulk-images-resize-for-instagram): Resize multiple images for Instagram with preset dimensions for different content types (posts, stories, reels, profile photos)
- [Markdown to HTML Converter](https://elysiatools.com/en/tools/markdown-to-html): Convert Markdown text to HTML with customizable formatting options using Showdown
- [HTML Tag Stripper](https://elysiatools.com/en/tools/html-tag-stripper): Remove HTML tags and extract clean text content
- [HTML Tag Stripper (HTML标签清除)](https://elysiatools.com/en/tools/new-html-tag-stripper): Remove HTML tags from code and extract clean text content
- [HTML Attribute Extractor](https://elysiatools.com/en/tools/html-attribute-extractor): Extract specified attributes (href, src, data-*, etc.) from HTML content with tag name filtering support
- [Batch Image Watermark](https://elysiatools.com/en/tools/batch-watermark): Add watermarks to multiple images with text or image watermarks, position control, and batch processing
- [Batch Image Rename](https://elysiatools.com/en/tools/image-batch-rename): Batch rename image files using patterns, text replacement, numbering, and case conversion. Returns renamed files as a ZIP download.
- [HTML to Markdown Converter](https://elysiatools.com/en/tools/html-to-markdown): Convert HTML content to Markdown format with customizable options using Turndown

## Related content

- [QR Code Samples](https://elysiatools.com/en/samples/qrcode-samples): Sample QR code images for testing QR code reading and generation tools
- [PDF Samples](https://elysiatools.com/en/samples/pdf-samples): Generated PDF samples from tools dated 2026-02-01 to 2026-02-10
- [SVG Samples](https://elysiatools.com/en/samples/svg-samples): Scalable Vector Graphics (SVG) samples demonstrating various SVG features and techniques
- [WebRTC Real-Time Communication Samples](https://elysiatools.com/en/samples/webrtc-samples): Comprehensive WebRTC samples for peer-to-peer audio/video communication, data channels, screen sharing, and signaling server implementation
- [Docker Image Tag Samples](https://elysiatools.com/en/samples/docker-image-tag): Collection of Docker image references with various registries, repositories, tags, and digests
- [Regex Named Capture Groups](https://elysiatools.com/en/samples/regex-named-groups): Collection of regex patterns using named capture groups for extracting structured data from text. Named groups make patterns more readable and maintainable by assigning meaningful names to captured portions.