Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

SVG Links


SVG Links - <a>

The <a> element is used to create a link.

The <a> element can be used with both text and graphics.

The <a> element has seven basic attributes:

Attribute Description
href The URL to go to
download Tells the browser to download the URL instead of go to it
hreflang The language of the page the link points to
referrerpolicy The referrer to send when fetching the URL
rel The relationship of the target object to the link object
target Where to open the link. Can be _self, _parent, _top, _blank, or a name
type The MIME type for the linked URL

Text as a Hyperlink

Text as a link (with the <a> element):

I love SVG! Sorry, your browser does not support inline SVG.

Here is the SVG code:

Example

<svg height="30" width="200" xmlns="http://www.w3.org/2000/svg">
  <a href="https://w3.p2hp.com/graphics/" target="_blank">
    <text x="5" y="15" fill="red">I love SVG!</text>
  </a>
</svg>
Try it Yourself »

Code explanation:

  • The href attribute defines the URL to go to
  • The target attribute defines where to open the link (here the link will open in a new window/tab)

Graphic as a Hyperlink

A circle as a link (with the <a> element):

Sorry, your browser does not support inline SVG.

Here is the SVG code:

Example

<svg height="100" width="200" xmlns="http://www.w3.org/2000/svg">
  <a href="https://w3.p2hp.com/graphics/" target="_blank">
    <circle r="45" cx="50" cy="50" fill="red" />
  </a>
</svg>
Try it Yourself »

×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
sales@w3schools.com

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
help@w3schools.com

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.