Creating Hyperlinks in HTML Code
buayaberdiri.blogspot.com - What are Links in HTML?, Links are text links that can open other web pages. Links are not just for text, they can be used for buttons and images.
Generally, a lot of links are used for web pages or blogs. So the material for learning Links is important to learn in html code, for website links it is used for navigation menus.
How to insert hyperlinks in HTML :
<a href="https://buayaberdiri.blogspot.com" target="_blank" rel="noopener">Go to Buaya Terbang Blog</a>
To add a link, it must have an <a> </a> tag and between these tags is filled with text that is used to provide information on the text link to be addressed.
Inside the <a> tag you must add the href="" attribute, this attribute is used to redirect to another html page or another website address.
If you look at the sample html code above, you will see the target="_blank" attribute, this attribute is used to redirect to another html page or another url address and open a new tab in the browser (chrome, mozilla firefox, brave, safari etc).
To create a hyperlink you will also see the rel attribute, what is rel ? rel is a relationship between the destination text link and the link resource. There are many values filled from rel attributes such as noopener, nofollow, norefferer, dofollow and others
Using Links in HTML Buttons
hyperlinks are not only used for text, but can be used on buttons on html elements, for the case of this website it can be used on the sign in button, login button, register button and others.
Example of how to use links on buttons in HTML:
<a href="https://buayaberdiri.blogspot.com" target="_blank" rel="norefferer">
<button>Login</button>
</a>
Using Links in HTML Images
We can also use images that have links to other html pages or other websites, these link images are commonly used like directing to google playstore using playstore images
<a href="https://buayaberdiri.blogspot.com" target="_blank" rel="noopener">
<img src="exampleImage.webp" alt="this is example only">
</a>