How to Insert a Hyperlink Using Rich Text or HTML: 3 Methods

Download Article
Learn to embed hyperlinks in emails, blog posts, or documents
Download Article

A hyperlink is a type of code that allows you to access a web address, file, or location within a document just by clicking on the linked text or image. It’s easy to embed hyperlinks in all kinds of documents, including Word docs, web pages, blog posts, and emails. While most apps and blogging platforms make it easy to add a hyperlink with a few mouse clicks, we’ll also teach you how to code a hyperlink in HTML.

Things You Should Know

  • To quickly insert a hyperlink into a document, use the shortcut Ctrl + K (PC) or Cmd + K (Mac).
  • Add HTML links using this format: <a href="https://www.wikihow.com">Click Here</a>
  • Most email clients and blogging platforms let you insert a hyperlink by selecting text and then clicking a Link button or icon.
Method 1
Method 1 of 3:

Adding Links to Emails and Blog Posts

Download Article
  1. Step 1 Copy the address you want to link to.
    Go to the website you want to create a hyperlink to, then copy the URL from the address bar.
    • Click or tap the address in the address bar to highlight it, right-click or long-tap the selection, and then select Copy.
  2. Step 2 Start your email or blog post.
    If you want to add a link to your blog post, create a new blog post in your preferred editor. Otherwise, open your email app, then compose or reply to a new message.
    Advertisement
  3. Step 3 Click where you want the link to appear.
    You can insert a hyperlink anywhere in your email message or blog post.
    • You can also select a word, phrase, or sentence you want to convert into a link.
    • Many blogging platforms and email clients will also let you select an image and add a link to it.
      • The way to do this may vary from one app to another, but usually, you can tap or click the image to select it and then click the link button to add a link.
      • Some apps may also give you the option to add a link when you first insert an image or if you open the image formatting or editing menu.
  4. Step 4 Click or tap the Link icon.
    The location varies by app or website, but you'll usually see a chain link icon or the word "Link" somewhere in the toolbar. This will open a window that contains options for your hyperlink.
  5. Step 5 Paste the link in the "URL" field.
    Look for the field that says "URL" or "Website." Then, right-click or long-tap the field and select Paste.
    • Depending on what kind of link you’re inserting, click or tap the web address or email option (if available).
  6. Step 6 Enter the display text.
    If you selected text in your email or blog post before clicking the Link button, you can skip this step. If not, type the words you want the reader to click to be taken to the link.
    • This can be a description, the title of the page you are linking to, or part of a sentence. It can also be a simple instruction like "Click here."
  7. Step 7 Apply the link.
    To save the link, click the button that says Save, Ok, Apply, or something similar. This adds the link to your email or blog text.
    • You can now publish your blog post or send your email message.
    • To remove the link, right-click (Windows), Ctrl-click (Mac), or tap and hold it (mobile apps). Then, tap Edit, Change, or the pencil icon.
    8. Advertisement
Method 2
Method 2 of 3:

Adding Links to Documents

Download Article
  1. Step 1 Copy the address you want to link to.
    Go to the website you want to create a hyperlink to, then copy the URL from the address bar.
  2. Step 2 Open your word processing program.
    You can insert hyperlinks in a variety of word processing programs, including Microsoft Word, Google Docs, and LibreOffice, as well as other Office apps like Excel and PowerPoint.
    • You can even add hyperlinks to graphics in Illustrator!
  3. Step 3 Place your cursor where you want to insert a hyperlink.
    Hyperlinks can be placed anywhere in a document, including in the middle of a sentence.
    • Alternatively, you can highlight the text you want to turn into a hyperlink.
    • You can also add links to images. Just click or tap an image to select it.
    • Most word processing apps will automatically add a live link to a web address or email address if you paste it directly into the document.
  4. Step 4 Click the Insert menu.
    If you're using Microsoft Word or any Office product, click the Insert tab on the toolbar. Otherwise, click the Insert menu at the top of your preferred app.
  5. Step 5 Click Link or Hyperlink.
    In Microsoft Word, you'll see this option on the ribbon at the top of the window. In other apps, you'll typically see this on a menu. This opens a window you can use to create a hyperlink.
    • If you don't see the Link or Hyperlink option, look around your app for a chain link icon.
    • In most word-processing apps, you can also add a link using a keyboard shortcut. In Windows, the shortcut is Ctrl + K. On a Mac, use Command + K.
  6. Step 6 Paste or type your copied URL in the Address or URL field.
    Right-click or long-tap the URL or Address field, then select Paste.
    • Some word-processing apps will let you link to other files or a section of the document you’re working on. For example, in Word, you can select one of these other types of locations in the Link to: menu bar on the left side of the Insert Hyperlink popup window.[1]
      • If you choose to link to a file on your computer, you’ll see a window where you can browse the folders on your computer and select the file you want.
      • If you select Place in This Document, you can choose from a list of headers or bookmarks in the current document to link to.
  7. Step 7 Enter the display text for the hyperlink.
    If you selected text or an image to link to, you can skip this step. If not, you should see a field that says something like "Text" or "Text to display." Enter the text you want the reader to click to be taken to the hyperlink's destination.
    • The text can be part of a sentence, the title of the page, a description of the page you are linking to, or a simple instruction like "Click here."
  8. Step 8 Apply the link.
    To apply the link, click the button that says Ok, Save, Apply, or something similar.
    • In most apps, you can make edits to the link by right-clicking (Windows) or Ctrl-clicking (Mac) the link and selecting an option from the context menu.
    9. Advertisement
Method 3
Method 3 of 3:

Adding Links to HTML Code

Download Article
  1. Step 1 Open your HTML code in your preferred editor.
    This could be an HTML document on your web server or local hard drive. It could also be a forum, blog post, or email client that allows you to compose in HTML.
    • On forums and blogs, you may need to click the "HTML" button above the field where you enter your text to switch to HTML mode.
    • If you use a WYSIWYG (What You See Is What You Get) HTML editor, you'll usually need to select the HTML option to pull up the raw code.
  2. Step 2 Click or tap where you want your hyperlink to go.
    A hyperlink can go at the end of the text or it can be inserted in the middle of a sentence as a reference.
  3. Step 3 Type <a href=.
    This is the first part of your opening tag for hyperlinks in HTML.
  4. Step 4 Paste the URL address in quotations (" ").
    Type a quotation mark and then right-click (Windows) or Ctrl-click (Mac), then click Paste to paste the web address you copied. Then, add another quotation mark at the end of the URL.
    • You can also paste with the keyboard shortcut Ctrl-C (Windows) or Command-C (Mac).
    • If you’re on a mobile device, tap and hold the screen right after the quote mark, then select Paste from the pop-up menu.
    • You can also type your URL between the quote marks if you don’t have it saved to your clipboard.
  5. Step 5 Type > after the last quotation mark.
    This closes the opening tag of the HTML code. So far, your HTML tag should look something like this: <a href="https://www.example1.net">.
  6. Step 6 Type the display text for the hyperlink.
    This is the text that displays in place of the web address. This goes immediately after the closing bracket (>).
    • For example, <a href="https://www.example1.net">Click Here.
    • If you want to add a hyperlink to an image instead of text, enter the code <img src="[image name].jpg"> where the display text would go.
  7. Step 7 Type </a> after the display text.
    This closes the hyperlink HTML tag. The entire hyperlink tag should look something like this: <a href="https://www.example1.net">Click Here</a>[2]
    • You can now preview your code to see your hyperlink in action.
    8. Advertisement

Community Q&A

Search
Add New Question
  • Question
    Can I use the HTML format for a wikiHow article?
    Stephen
    Stephen
    Top Answerer
    In most cases HTML will not work for wikiHow. WH uses a different language for coding.
    Thanks! We're glad this was helpful.
     Thank you for your feedback.
     If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 1 Helpful 3
  • Question
    How do you copy links?
    Free Eagle
    Free Eagle
    Community Answer
    There are different codes, depending on where the link is going. This is to link to another web page. 1.) Type the text you want readers to select to display another page. 2.) Type <A Href="?"> in front of the text, replacing the ? with the address of the web page you want to display. 3.) Type </a> after the text.
    Thanks! We're glad this was helpful.
     Thank you for your feedback.
     If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 3 Helpful 1
  • Question
    How do I add a hyperlink of a YouTube video to my Zillow account under the description section?
    CageyCat
    CageyCat
    Top Answerer
    A link needs the simple tags of a and /a that start and end it, with brackets before and after. If you ignore the leading dot inserted in this answer, it would look like and tags. (Remove the leading dots.)
    Thanks! We're glad this was helpful.
     Thank you for your feedback.
     If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 1 Helpful 0
See more answers
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
Advertisement

Video

Tips

Submit a Tip
All tip submissions are carefully reviewed before being published
Submit
Thanks for submitting a tip for review!
Advertisement

You Might Also Like

Make a Birthday Card with HTML and CSS
How to
Make a Birthday Card with HTML and CSS
Create a Simple CSS Stylesheet Using Notepad
How to
Create a Simple CSS Stylesheet Using Notepad
Upload Images in BBCode
How to
Upload Images in BBCode
Comment in CSS
How to
Comment in CSS
Use BBCode
How to
Use BBCode
Create a Dropdown Menu in HTML and CSS
How to
Create a Dropdown Menu in HTML and CSS
Advertisement

References

  1. ↑ https://support.microsoft.com/en-us/office/create-or-edit-a-hyperlink-5d8c0804-f998-4143-86b1-1199735e07bf
  2. ↑ http://www.w3schools.com/html/html_links.asp

About This Article

Megaera Lorenz, PhD
Written by:
Megaera Lorenz, PhD
wikiHow Staff Writer
This article was co-authored by wikiHow staff writer, Megaera Lorenz, PhD. Megaera Lorenz is an Egyptologist and Writer with over 20 years of experience in public education. In 2017, she graduated with her PhD in Egyptology from The University of Chicago, where she served for several years as a content advisor and program facilitator for the Oriental Institute Museum’s Public Education office. She has also developed and taught Egyptology courses at The University of Chicago and Loyola University Chicago. This article has been viewed 159,752 times.
How helpful is this?
Co-authors: 14
Updated: March 30, 2024
Views: 159,752
Categories: Featured Articles | Markup Languages
Article SummaryX

1. Copy the web address from the web page you want to link to.
2. Open an email, blog post, or document in a word processing program.
3. Click where you want the hyperlink to go.

Did this summary help you?

In other languages
Thanks to all authors for creating a page that has been read 159,752 times.

Is this article up to date?

Advertisement