HTML TAG LINK

links describes the path of a file, that is the location of a file in a web site's folder structure. Links also allow users to click their way from page to page. HTML links are hyperlinks. When you move the mouse over a link, the mouse arrow will turn into a little hand..

Note: A link does not have to be text. A link can be an image or any other HTML element!

Example

    • <h5 > Path Description </h5 >
<!--turlip.jpg is located in the same folder as the current page-->
<img src="turlip.jpg" >
<!--turlip.jpg is located in the images folder in the current folder-->
<img src="images/turlip.jpg">
<!--turlip.jpg is located in the images folder at the root of the current web-->
<img src="/images/turlip.jpg"> 
< !--turlip.jpg is located in the folder one level up from the current folder-->
<img src="../../turlip.jpg">

    These above mention paths are used when linking to external files, like: Web pages, Images, Style sheets,Bootstrap and JavaScripts. we have other paths that are used to link in full URL to a file or document, this is know as an absolute path, other is a relative path this point to a file relative to the current page. Its best to use relative path, this way your web pages will not be restricted based on URL. example will be given below.

    Absolute URLs vs. Relative URLs

    Cols Specifies how many columns are contained in the frameset and the size of each column. You can specify the width of each column in one of the four ways:

    • Both examples above are using an absolute URL (a full web address) in the href attribute. A local link (a link to a page within the same website) is specified with a relative URL (without the "https://www" part)
    • A link is specified using HTML tag <a>. This tag is called anchor tag and anything between the opening tag and the closing tag becomes part of the link andwhen it is clicked on, it directs you to the linked in document Example
    • The following example will take you directly to the home page of this tutorial when you clicked on. http://www.daktivah.com, This is what it looks like.

    Example

    • <!DOCTYPE html >
< html  >    
<head >     
<title>Hyperlink>/title >
</head>     
<body>
<p>Click following link </p>     
<a href = "https://www.daktivahworld.com">Tutorials </a>
</body> 
</html>

    Popular tags

    HTML Forms HTML Table HTML List HTML Video HTML Image

    Dess App

    DessApp is an Integrated E-learning Education, Interactive and User-friendly features, smarter options and redefining your school costs effectively and efficiently.

    View
    1 1