简单控件包括Label[标签]、HyperLink[超链接]、Image[图像]等。
1.Label控件
声明,设置ID,服务器端控件,文本初始化
<asp:LabelID="Label1"runat="server"Text="Label"></asp:Label>
显示HTML样式
protected voidPage_PreInit(objectsender,EventArgs e)
{
Label1.Text ="Hello World<hr/><span style=\"color:red\">A HTML Code</span>"; //输出HTML
Label1.Font.Size =FontUnit.XXLarge; //设置字体大小
}
运行效果:
如果开发人员只是为了显示一般的文本或HTML效果,不推荐使用Label,因为当服务器控件过多,会导致性能问题。使用静态HTML能够让页面解析速度更快!
2.HyperLink控件
声明,设置ID,服务器端控件,显示图像URL,跳转到URL
<asp:HyperLinkID="HyperLink1"runat="server"ImageUrl="http://www.shangducms.com/images/cms.jpg"NavigateUrl="http://www.shangducms.com"></asp:HyperLink>
动态跳转
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
if (DropDownList1.Text == "sina")//如果选择sina
{
HyperLink1.Text = "sina"; //文本为sina
HyperLink1.NavigateUrl = "http://www.sina.com.cn";//URL 为sina.com.cn
}
else //选择sohu
{
HyperLink1.Text = "sohu" ; //文本为sohu
HyperLink1.NavigateUrl = "http://www.sohu.com";//URL 为sohu.com
}
}
如果只是为了单纯的实现超链接,不推荐使用HyperLink,因为过多的使用服务器控件可能造成性能问题。
3.Image控件
声明,设置ID,服务器端控件
<asp:ImageID="Image1"runat="server"/>
- ToolTip: 浏览器显示在工具提示中的文本
- GenerateEmptyAlternateText: 图片的alt属性为空(true)
图片链接,当图片失效时提示
<asp:ImageID="Image1"runat="server" Alternate Text="图片链接失效" ImageUrl="http://www.shangducms.com/images/cms.jpg"/>
Image不支持任何事件