Attributes: href, target, title html tag
Learn in detail about href, target and title default website URL link attributes properties and web page website multiple hyperlink object features in <a> anchor tag in HTML web page.
HTML anchor href attribute.
The webpage or web resources target hyperlink website URL location indicated by the link in the existing HTML web page, in this you add that website URL address, which you are going to use as a website link.
In any HTML web page, you will first add that website URL in href attributes. Which you want to use as a link in your website.
- Web site full URL – Indicates that website location or URL. Which you are going to use in the link as a URL link, in this you add the exact absolute website URL web address location.
<a href=”https://www.vcanhelpsu.com”>Lets jump on vcanhelpsu</a>
- Website relative URL – In a particular website, the relative web page location of an individual web page of the current web page is used as a hyperlink.
<a href=”contactus.html”>Contact Us</a>
- Webpage anchor link – In a large website, the hyperlink id attributes are used as a quick link to a particular paragraph section area within the current website web page or another website web page.
<a href=”#html”>let explore html</a>
- Email hyperlink – If you want to use the commercial email address of your company, office, organization as a link in your website. So you can use email hyperlink attributes
<a href=”mailto:vcanhelpsu@gamil.com”>Contact Email</a>
- Phone hyperlink – With phone hyperlink you can add landline or cellphone number as a link in your website web page, it will open with the link through the app installed in your computer.
<a href=”tel:+987432112″>Call Me</a>
- File download link in website – If you want to create file download link in your website, then you can upload that web resource to your server and create client file download link.
<a href=”files/result.pdf” download>Download Result</a>
Hyperlink target attribute.
Hyperlink target attribute indicates in the current web page that how and where the linked link resource document in a particular website will be opened. How and where to display the website link resources that you want to open in the website.
Hyperlink target attributes.
- _self attributes – Provides open features to website, web page hyperlink in the same website default frame or tab window.
<a href=”https://www.vcanhelpsu.com” target=”_self”>Explore Vcanhelpsu</a>
- _blank attributes – Provides open features to hyperlink URL link in new web browser tab or window.
<a href=”https://www.vcanhelpsu.com” target=”_blank”>Explore Vcanhelpsu</a>
- _parent attributes – Provides open features to website web page URL link in parent frame window.
<a href=”https://www.vcanhelpsu.com” target=”_parent”>Visit vcanhelpsu</a>
- _top attributes – Provides open features to current website URL link in full web browser window, top attributes automatically remove the frame.
<a href=”https://www.vcanhelpsu.com” target=”_top”>Visit Vcanhelpsu</a>
Hyperlink title attribute.
The hyper link in the anchor tag provides a tooltip or link information about the page or website URL link, many times web developer wants to display tooltip or text information about the link page or URL, then the target title tooltip information is displayed when you hover over the link through title attribute.
HTML anchor title attribute example.
- <a href=”https://www.vcanhelpsu.com” title=”website for programmers and web developer”>Visit Title Attributes</a>
Basic link with title tooltip.
- <a href=”https://www.vcanhelpsu.com” title=”let open vcanhelpsu website”>open vcanhelpsu</a>
Title link description – When the web user clicks on the hyperlinked text in any website link, the linked tooltip will display the hover text information.
Hover link with title tooltip to open link in new tab.
- <a href=”https://www.vcanhelpsu.com” target=”_blank” title=”website for web developer or programmer”>open vcanhelpsu</a>
Clicking on the above link will open the title link URL address in a new tab, which will display tooltip information when the web user hovers the mouse over the text.
HTML web page linking paragraph sections within the same page.
Link to a Section Within the Same Page.
<!– Link to a section –>
<a href=”#php” title=”move to php section”>Learn Php</a>
<!– Target section –>
<h2 id=”javascript”>Explore Javascript</h2>
In the above example, clicking on “Learn PHP” will move you to the link with the Javascript ID.
Linking an email with a tooltip in an email anchor tag.
- <a href=”mailto:vcanhelpsu@gmail.com” title=”contact us with email”>Let Email vcanhelpsu</a>
Sending an email using the above email link will by default open the user’s computer email client software or app, which will display the email tooltip information provided by the user.
