Ngôn ngữ ASP.NET - Điều khiển Hyperlink

Điều khiển Hyperlink của Web Forms

Điều khiển này được sử dụng để tạo ra các liên kết siêu văn bản. Bạn có thể tạo Lable bằng công cụ trực quan của Visual Studio (VS) hoặc viết code

Cú pháp tạo điều khiển Hyperlink phía Server:

< asp:HyperLinkID="HyperLink1" runat="server" Text="Hiep Si IT" NavigateUrl="www.hiepsiit.com" ></asp:HyperLink>  

Phía server xử lý code trên trả về cho trình duyệt dạng HTML

<a id="HyperLink1" href="www.hiepsiit.com">Hiep Si IT</a>  

Điều khiển Hyperlink có các thuộc tính thường dùng:

Thuộc tính Kiểu Ý nghĩa
(ID) Chuỗi Qui định tên của điều khiển. Tên của điều khiển là duy nhất.
AccessKey String Qui định ký tự để di chuyển nhanh đến điều khiển - ký tự xử lý phím nóng.
Attributes AttributeCollection Tập hợp các thuộc tính của điều khiển HTML
BackColor Color Qui định màu nền của điều khiển.
BorderColor Color Qui định màu đường viền của điều khiển.
BorderStyle BorderStyle Qui định kiểu đường viền của điều khiển.
Text String Chuỗi văn bản sẽ được hiển thị trên điều khiển. Trong trường hợp cả 2 thuộc tính ImageURL và Text được thiết lập, thuộc tính ImageURL được ưu tiên, thuộc tính Text sẽ được hiển thị như Tooltip
BorderWidth Unit Qui định độ rộng của đường viền.
Enabled Boolean Qui định điều khiển có được hiển thị hay không. Giá trị mặc định của thuộc tính này là True – được phép hiển thị.
Font FontInfo Qui định Font hiển thị cho điều khiển
ForeColor Color Qui định màu chữ hiển thị trên điều khiển
Height Unit Qui định chiều cao của điều khiển
ToolTip String Dòng chữ sẽ hiển thị khi rê chuột vào điều khiển.
Width Unit Qui định độ rộng của điều khiển.
NavigateUrl String Đường dẫn cần liên kết đến.
Target String Xác định cửa sổ sẽ hiển thị cho mối liên kết
_blank: Hiển thị trang liên kết ở một cửa sổ mới.
_self: Hiển thị trang liên kết tại chính cửa sổ chứa liên kết đó.
_parent: Hiển thị trang liên kết ở frame cha.

Ví dụ: Tạo trang web HyperLink.apsx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HyperLink.aspx.cs" Inherits="HyperLink" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="http://www.hiepsit.com">www.hiepsiit.com</asp:HyperLink>
        <br />
        <br />
        <asp:HyperLink ID="HyperLink2" runat="server" ImageUrl="~/images/logo-hiepsiit.png" NavigateUrl="http://www.hiepsiit.com">HyperLink</asp:HyperLink>
    
    </div>
    </form>
</body>
</html>

Các thuộc tính thường dùng HyperLink

Thực thi kết quả sau: