当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > HTML服务器控件介绍:HtmlImage控件

ASP.NET
关于数据绑定在Web页面呈现效果的一点小技巧
菜鸟模仿duwamish开发时常见的错误
基于.net的快速开发思想
ASP.Net实现将Word转换PDF格式
用ASP.NET建立一个在线RSS新闻聚合器
ASP.NET图象处理详解
名称地址(Namespace)
Win中Net命令的另类用法
浅析.Net下的多线程编程
构造.NET环境下的网页下载器 (1)
构造.NET环境下的网页下载器 (2)
ASP.NET编程中的十大技巧(上)
ASP.NET编程中的十大技巧(下)
C# 3.0语言详解之基本的语言增强
Windows.NET Server: XML Web 服务
ASP.Net中程序构架与程序代码的分离
.NET 数据访问架构指南
用Visual C#打造多页面网页浏览器
.NET 2.0 基础类库中的范型:范型集合
.NETCompactFramework的使用技巧

ASP.NET 中的 HTML服务器控件介绍:HtmlImage控件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 207 ::
收藏到网摘: n/a

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解:HtmlImage控件

定义和用法

HtmlImage控件用来控制<img>元素。在HTML中,<img>元素被用来显示一个图像。


属性

属性 说明
Align 此图像如何根据周围的元素对齐。合法值有:
  • top
  • middle
  • bottom
  • left
  • right
Alt 此图像的一个简短描述
Attributes 返回此元素所有属性名和属性值
Border 环绕此图像的边框的宽度
Disabled 指明此控件是否被禁止的一个布尔值。默认值是false
Height 此图像的高度
id 此控件的唯一id
runat 规定此控件是服务器控件。 必须被设置为 "server"
Src 要显示的图像的URL
Style 设置或返回应用于此控件的CSS特性
TagName 返回元素标签名称
Visible 指明此控件是否可见的一个布尔值
Width 此图像的宽度

示例

HTMLImage
在此示例中我们在一个.aspx文件中声明一个HtmlImage控件(要记住把控件嵌入HtmlForm控件中)。然后我们在一个事件句柄(事件句柄是为某一个给定事件执行代码的一段子程序)中修改此HtmlImage控件的src、alt和border属性。Page_Load事件是ASP .NET识别的许多事件之一:看到本信息说明该文是通过网页教学(RuanChen.Com)整理发布的,请不要删掉!

<script  runat="server">
Sub Page_Load(Sender As Object,E As EventArgs)
   image1.Src="/images/smiley.gif"
   image1.Alt="Smiley"
   image1.Border="3"
End Sub
</script>


<html>
<body>

<form runat="server">
<img id="image1" runat="server" />
</form>

</body>
</html>

HTMLImage 2
在此示例中我们在一个.aspx文件中声明一个HtmlImage和一个HTMLSelect控件(要记住把控件嵌入HtmlForm控件中)。然后我们根据用户的选择修改此HtmlImage控件的src属性。在HtmlSelect控件中选取的值决定显示哪一个图像。本文由软晨学习网RuanChen.Com整理发布!转载请注明出处,谢谢!

<script  runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
   image1.Src = "/images/" & select1.Value
End Sub
</script>


<html>
<body>

<form runat="server">
<select id="select1" runat="server">
   <option value="smiley.gif">Smiley</option>
   <option value="angry.gif">Angry</option>
   <option value="stickman.gif">Stickman</option>
</select>
<input type="submit" runat="server" value="Display image"
OnServerClick="choose_image">
<br /><br />
<img id="image1" src="/images/smiley.gif" runat="server" />
</form>

</body>
</html>

在以上示例中会用到这些图像,注意把它们存放到适当的目录中: