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

ASP.NET
如何用Response.Redirect方法传递汉字
在ASP.NET中调用存储过程方法新解
决定何时使用 DataGrid、DataList 或 Repeater(ASP.NET 技术文章)
AlternatingItemTemplate类似于 ItemTemplate 元素
c#中过滤html的正则表达式
ASP.NET:ADO.NET的DataAdapter对象
repeater分页 内容显示
内容添加asp.net
VS2003 SP1发布
DataReader深入解析:持续更新
C#.Net 学习笔记(一)
从ASP过渡到ASP.net遗留的二十大积习
如何改变asp.net项目名称
asp,asp.net学习教程下载
基于.net开发的遵循web标准的个人站点程序包下载
FileUpload1 上传文件类型验证正则表达式
ASP.NET与数据库相关技巧
读取TXT文件内容的方法
简单的启动窗体
c#中实现文件拖放打开的方法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 161 ::
收藏到网摘: 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>

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