（）继续输入如下代码
<div>
<asp:TextBox ID=TextBoxlrunat=server></asp:TextBox>
<asp:Image ID=MyImage runat=server ImageUrl=~/azoreschurchjpg />
</div>
注意当输入IrnageUrl属性的时候VWD将显示一个本地图片列表供开发人员选择（如图所示）
（）再向页面添加一个控件这一次使用双击的技术进行添加在</div>后面添加一个空行将光标放置在该行然后双击工具箱中的Hyperlink控件将其添加到页面
（）在页面能够成功运行之前必须先编辑这个控件因此将光标放置在Hyperlink定义内的任意位置上然后将注意力转移到屏幕右边的Properties面板上（如果该面板没有显示出来如图所示则需要将鼠标放置到屏幕右边的Properties选项卡上使Properties面板弹出来或者选择View→Properties Window弹出该窗口）注意到在属性列表的底部有一个名为NavigateUrl的属性──输入http://wwwwroxunitednet 作为属性值并按下Enter看一看图注意到在超链接的标记内出现了一个新属性NavigateUrl以及为它输入的值
（） 现在为何不切换到Design View看看页面是什么样子──注意到个控件位于同一行上如果希望将它们安排在不同的行上只需切换到Source View并在每个控件的后面输入<br/>从而添加一个HTML换行符您还可能希望修改超链接控件显示的内容（在</asp:HyperLink>闭标记之前的文本）
<body>
<form id=form runat=server>
<div>
<asp:TextBox ID=TextBox runat=server></asp:TextBox><br />
<asp:Image ID=MyImage runat=server ImageUrl=~/azoreschurchjpg /><br />
<asp:HyperLink ID=HyperLink runat=server
NavigateUrl=wwwwroxunitednet>Visit Wrox United Online!</asp:HyperLink>
</div>
</form>
</body>
请注意屏幕底部Design和Source按钮右边的工具条包含光标当前所在位置的元素
[] [] [] []
![ASP.NET入门教程 3 .4.3 VWD的Source View[2]](/UploadFiles/6.jpg)