How to Add Internal HTML Links?
FREE
An internal link is an HTML link placed in the reference with the same webpage. In simple words, an internal link will navigate the user to a part of the same webpage.
The value specified inside the href of an internal link can be absolute or relative. It contains a hash sign(#) and the name of the id to refer to the linked section of the page. On clicking an internal link, the page gets scrolled automatically and displays the referred section on the screen.
Build an AI-First Career, Master the Complete Skillset
Choose from our industry-leading programs designed for career success
Modern Software and AI Engineering Program
Master full-stack development with AI integration
+1000 moreModern Data Science and ML with specialisation in AI
Advanced data science techniques with AI specialization
+1000 moreAdvanced AIML with Specialisation in Agentic AI
Deep dive into AIML with focus on Agentic systems
+1000 moreDevOps, Cloud & AI Platform Engineering
Build and manage AI-powered cloud infrastructure
+1000 moreAI Engineering Advanced Certification by IIT-Roorkee
Premier AI engineering certification from IIT-Roorkee
AI Forward Deployed Engineer Program
Full-stack engineering, production AI and client-facing consulting
+1000 moreSyntax
Target Attribute
The target attribute specifies where the linked page will open. By default, the linked document file opens in the same tab. However, you can change this by specifying different values for the target attribute.
The values of the target attribute are:
| Value | Description |
|---|---|
| _self | This is the default value that opens the targeted link in the same tab. |
| _blank | The linked document opens in a new tab or window. |
| _parent | The targeted document will open in the parent frame. |
| _top | The linked document will open in the full body of the window. |
Example
The following piece of code shows an HTML file that has internal links.
Code
Output
How Scaler Transformed Careers in Different Fields
Scaler learners achieved 2.5x salary growth with average post-Scaler CTC reaching ₹23L.
Google
Amazon
Microsoft
Flipkart
Adobe1200+ moreChanging Link Colors in HTML
Though the link states have default HTML link colors, the users can change the colors as per requirements. The default colors are blue for an unvisited link, purple for a visited hyperlink, and red for a link in an active state. However, the default colors can be altered using HTML and CSS.
Code
HTML
CSS
Output
Linking to Parts of Other Documents
Given below is a piece of code that targets a particular section of another document. The name of the id is appended at the end of the target link with a #. The hashtag (#) is known as the fragment identifier. After opening, the target document scrolls automatically till it reaches the mentioned section. Example - <a href="https://www.link.com/webpage#idname">
Code
Output In the following example, you can see the referred link opens and then automatically scrolls to the section whose id is 'syntax'.
Turn Learning into Career Growth
Learn more
Conclusion
- HTML internal link is linked within the same web page.
- The value of href is a hashmark followed by the name of the id of the linked section.
- The hashmark(#) is known as a fragment identifier.
