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

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

Điều khiển này được dùng để hiển thị hình ảnh lên trang Web. Để tạo điều khiển Image có thể kéo thả từ toolbox hoặc viết code

Cú pháp tạo điều khiển Image:

<asp:Image ID="Image1" runat="server" ImageUrl="~/images/logo-hiepsiit.png" />

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

<img id="Image1" src="images/logo-hiepsiit.png" />

Bảng danh sách các thuộc tính thường dùng

Thuộc tính Ý nghĩa
(ID) Qui định tên của điều khiển. Tên của điều khiển là duy nhất.
AccessKey Qui định ký tự để di chuyển nhanh đến điều khiển - ký tự xử lý phím nóng.
Attributes Tập hợp các thuộc tính của điều khiển HTML
BackColor Qui định màu nền của điều khiển.
BorderColor Qui định màu đường viền của điều khiển.
BorderStyle Qui định kiểu đường viền của điều khiển.
BorderWidth Qui định độ rộng của đường viền.
CssClass Qui định hình thức hiển thị của điều khiển qua tên CSS.
Enabled 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 Qui định Font hiển thị cho điều khiển
ForeColor Qui định màu chữ hiển thị trên điều khiển
Height Qui định chiều cao của điều khiển
ToolTip Dòng chữ sẽ hiển thị khi rê chuột vào điều khiển.
Width Qui định độ rộng của điều khiển.
ImageURL Đường dẫn đến tập tin hình ảnh cần hiển thị.
AlternateText Chuỗi văn bản sẽ hiển thị khi tập tin được thiết lập trong thuộc tính ImageURL không tồn tại.
ImageAlign Vị trí hiển thị giữa hình và nội dung văn bản (notset, left, right, middle, TextTop, bottom...)

Window thuộc tính của điều khiển Image

Ví dụ: Tạo trang web Image.aspx

//Image.aspx

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:Image ID="Image1" runat="server" ImageUrl="~/images/logo-hiepsiit.png" />
    
    </div>
    </form>
</body>
</html>

Thực thi trang web cho kết quả: