Copy & paste friendly

HTML Link Maker for your text or images

Fill in your text and link, choose the style you like, then press Generate HTML. Copy the code and paste it into your own website or blog. Or scroll down further to get Image links

Link text

What you want people to see and click on.

Link address (URL)

Copy and paste the full link, including https://

Text colour

Click a bubble or pick any colour you like.

🔵 You can always change your mind later – just pick a new colour and generate the code again.

Style Bold Italic Underlined

🔵 Mix and match bold, italic and underlined – or leave them all off for a simple, clean link.

🔴 Make sure the place you paste this code supports HTML (for example blogs, websites or some forums). Many social networks strip HTML from posts.

Your HTML link code

When you have generated your link, click in the box below and press the Copy Code button. Then paste it into your own site.

Live preview

Your styled link will show here.

This tool creates a simple HTML link using inline styles, so it will work on most websites, blogs and forum pages that accept HTML.

Image HTML Maker (image only or clickable image)

Paste the link to your image, choose how wide it should appear, and (optionally) add a link so people can click on the image to visit a page. Click the Generate IMage HTML to get a preview you can then size.

Image size tip: For use on other sites, it is safer to share images which are around 700 pixels wide or smaller. Very large images are easier for others to steal, print or reuse without permission. Please resize your image before uploading it to your own host.

Image URL

This must be the direct image link ending in .jpg, .png, etc. The image stays on your own host – this page only creates the HTML.

🔴 Do not paste a gallery page or profile link here. Use the direct image address only, or the preview will not work.

Alt text (image description)

Shown to screen readers and when the image cannot be loaded.

🔵 A short, clear description helps people using screen readers and improves accessibility on your site.

Display width (pixels)

Up to 700px wide. We will keep the correct height automatically.

Quick adjust

🔴 Smaller display sizes are safer. Wide, high-resolution images are easier for people to download and reuse without your permission.

Link address (optional)

If you add a link here, your image will be clickable. Leave this blank to show just the image on its own.

🔵 Use this to send people to your shop, portfolio or blog post when they click on the image.

Your image HTML code

Generate your image code, then click Copy Code. Paste it into your own site where you want the image to appear.

Image preview

Your image will show here at the width you choose.

This page does not upload or store your images. It only builds the HTML for you. Your image must already be hosted somewhere that allows direct linking.

0 0 votes

Article Rating

HTML Help

HTML Link Maker for your text or images

Image HTML Maker (image only or clickable image)