How to use HyperLink in asp.net

HyperLink Web Server Control
HyperLink is an asp.net web server control. we can display a hyperlink on a web form page by inserting a HyperLink server control on the page. hyperlink sever control can render as either text or as graphics. hypelink control generate a link that allow users to navigate another page or another location on the same page. NavigateUrl property value store the link destination. to display hyperlink control as a text we need to set the Text property value and to display as an image set the ImageUrl property value. if we set both ImageUrl and Text property values, ImageUrl takes precedence.

hyperlink server control's another important property is the Target property. .net developers can specify the frame or window to display the linked page by this Target property settings. target property have four possible values those are _blank, _parent, _self and _top. _blank value display the destination page in a new window without frames. _parent show the linked page in immediate frameset parent. _self show the page in frame with focus and _top show linked page in full window without frames.

we can use tilde(~) wildcard to specify application root. it is very useful to set hyperlink NavigateUrl property value. so we don't need to hard code a directory name into the application relative url.

we can set the hyperlink control's properties programmatically at run time such as NavigateUrl, Text and ImageUrl. the main advantage of hyperlink server control is that we can set link properties in server code. as example we can dynamically change the text and destination url of a link. we can data bind hyperlink control to specify target url. to create data bound hyperlink controls, we can add them as children of Repeater, DataList, DetailsView, GridView or Formview control. hyperlink does not raise a click event in server code when someone click the link.

the following c# example source code demonstrate us how can we use hyperlink web server control in asp.net. it also show declarative syntax of hyperlink control.
HyperLink.aspx

<%@ Page Language="C#" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>asp.net HyperLink example: how to use</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Red">HyperLink example</h2>
        <asp:HyperLink 
            ID="HyperLink1" 
            runat="server"
            Text="Visit Flying Crow Page"
            NavigateUrl="~/FlyingCrow.aspx"
            >
        </asp:HyperLink>
        <br />
        <asp:HyperLink 
            ID="HyperLink2"
            runat="server"
            >
        </asp:HyperLink>
    </div>
    </form>
</body>
</html>
FlyingCrow.aspx

<%@ Page Language="C#" %>

<!DOCTYPE html">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>asp.net HyperLink example: FlyingCrow</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <h2 style="color:Navy">Flying Crow</h2>
        <asp:Image 
             ID="Image1" 
             runat="server" 
             ImageUrl="~/Images/FlyingCrow.jpg"
             BorderWidth="3"
             BorderColor="SaddleBrown"
             />
    </div>
    </form>
</body>
</html>
More asp.net examples