How to use
- Paste in your HTML source code.
- Click "Extract".
- Every href/src attribute link is listed.
๐ฏ Use Cases
- Pull a list of external links from a page's source
- Check for broken image paths (src)
- Understand a link structure before crawling
Example
Input
<a href="https://example.com/">Home</a> <a href="/about">About</a> <img src="/img/logo.png" alt="Logo"> <a href="/about">About (dup)</a> <script src="/js/app.js"></script>
Output
https://example.com/ /about /img/logo.png /js/app.js
Links are extracted href-attributes first, then src-attributes, and duplicates are removed automatically. The /about path appears twice in the input but only once in the output, for 4 links found in total.
FAQ
- Are relative paths extracted as-is too?
- Yes. Links are extracted exactly as written in the original HTML, whether relative or absolute.
- How does the extraction work?
- The HTML is safely parsed with DOMParser, then every element with an href or src attribute is found. Scripts are never executed, so it's safe.
- Is the code I enter sent to a server?
- No. It's processed entirely in your browser.
More Coding Tools
๐
JSON Formatter
Prettify, validate & minify JSON
๐๏ธ
Timestamp Converter
Convert Unix timestamp โ date
๐งฉ
JSON String Encoder
Convert text โ JSON string literal
โจ
JS/CSS Formatter
Indent & tidy JS/CSS code
โ๏ธ
JS/CSS Minifier
Strip comments & whitespace
๐งฝ
HTML Formatter
Indent HTML by tag structure
๐งน
XML Formatter
Indent XML by tag structure
๐๏ธ
SQL Formatter
Break SQL into clauses & indent
๐ฃ
HTML Entity Encoder
Convert special chars โ HTML entities
๐
Excel to HTML Table
Convert spreadsheet data to HTML TABLE
๐จ
Color Picker
Get HEX, RGB & HSL color codes
๐
PHP Syntax Checker
Check bracket/string pairing (practical checker)
๐๏ธ
MySQL Syntax Checker
Check bracket/quote pairing (practical checker)
๐
HTML5 Validator
Check tag pairing, duplicate id, missing alt
โ๏ธ
Online HTML Editor
Write & edit HTML visually