Home / Html Learning / Html Links tutorial 5/8

Html Links tutorial 5/8

02:42:00 Html Learning

Html Links

Html links play vital role in website. Many of places in website use the links. Without links website always incomplete. Links used for different purpose.

Name	Code	Output
How to create hyperlinks	<!DOCTYPE html> <html> <body> <p> <a href="http://cmpfun.blogspot.com/search/label/Html%20Learning?&max-results=5">HTML Tutorial</a> This is a link to a page on this website. </p> <p> <a href="http://www.cmpfun.blogspot.com/">Computer Fun</a> This is a link to a website on the World Wide Web. </p> </body> </html>	HTML Tutorial This is a link to a page on this website. Computer Fun This is a link to a website on the World Wide Web.
Use an image as a link	<!DOCTYPE html> <html> <body> <p> Create a link of an image: <a href="http://www.cmpfun.blogspot.com/"> <img src="home.png" alt="HTML tutorial" width="32" height="32"></a></p> <p> No border around the image, but still a link: <a href="http://www.cmpfun.blogspot.com/"> <img border="0" src="home.png" alt="HTML tutorial" width="32" height="32"></a></p> </body> </html>	Create a link of an image: No border around the image, but still a link:
Open link in a new browser window	<!DOCTYPE html> <html> <body> <a href="http://www.cmpfun.blogspot.com" target="_blank">Visit Computer Fun!</a> <p> If you set the target attribute to "_blank", the link will open in a new browser window/tab.</p> </body> </html>	Visit Computer Fun! If you set the target attribute to "_blank", the link will open in a new browser window/tab.
Break out of a frame	<!DOCTYPE html> <html> <body> <p> Locked in a frame?</p> <a href="http://www.cmpfun.blogspot.com/" target="_top">Click here!</a> </body> </html>	Locked in a frame? Click here!
How to link to a mail message (will only work if you have mail installed)	<!DOCTYPE html> <html> <body> <p> This is an email link: <a href="mailto:someone@example.com?Subject=Hello%20again"> Send Mail</a> </p> <p> <b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will display the text properly. </p> </body> </html>	This is an email link: Send Mail Note: Spaces between words should be replaced by %20 to ensure that the browser will display the text properly.
Another mailto link	<!DOCTYPE html> <html> <body> <p> This is another mailto link: <a href="mailto:someone@example.com?cc=someoneelse@example.com&bcc=andsomeoneelse@example.com&subject=Summer%20Party&body=You%20are%20invited%20to%20a%20big%20summer%20party!">Send mail!</a> </p> <p> <b>Note:</b> Spaces between words should be replaced by %20 to ensure that the browser will display the text properly. </p> </body> </html>	This is another mailto link: Send mail! Note: Spaces between words should be replaced by %20 to ensure that the browser will display the text properly.

Html Links tutorial 5/8

Html Links tutorial 5/8

Reviewed by Abdul hanan on 02:42:00 Rating: 5