HTML的开发与实验

使用FrameSet构架布局聊天室

FrameSet
创建down.aspx、left.aspx、right.aspx文件
在INDEX.ASPX中使用下面代码：

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
     < title > 无标题页 </ title >
</ head >
< frameset  rows ="*,113"  cols ="*"  frameborder ="yes"  border ="1"  framespacing ="1" >
< frameset  rows ="*"  cols ="153,*"  framespacing ="1"  frameborder ="yes"  border ="1" >
< frame  src ="left.aspx"  name ="leftFrame"  scrolling ="NO"  noresize >
< frame  src ="right.aspx"  name ="mainFrame" >
</ frameset >
< frame  src ="down.aspx"  name ="bottomFrame"  scrolling ="NO"  noresize >
</ frameset >
< body >
     < form  id ="form1"  runat ="server" >
     < div >
    
     </ div >
     </ form >
</ body >
</ html >

 使用Iframe构架企业网站

 

滚屏构架

 HTML代码实现：横向滚动 direction控制滚动方式

< marquee  direction =left  scrollamount =6  scrolldelay =50   onmouseout ="this.start()"  onmouseover ="this.stop()"  style ="width: 720px;" >
< asp:ImageButton  style ="WIDTH: 177px; HEIGHT: 150px"  id ="img1"  runat ="server"  border ="0"  Width ="177px"  Height ="150px"  ImageUrl ="~/image/电视机.jpg"  PostBackUrl ="~/photo.aspx"  ToolTip ="http://www.photo1.com" ></ asp:ImageButton >
< asp:ImageButton  style ="WIDTH: 177px; HEIGHT: 150px"  id ="img2"  runat ="server"  border ="0"  Width ="177px"  Height ="150px"  ImageUrl ="~/image/空调2.jpg"  PostBackUrl ="~/photo.aspx"  ToolTip ="http://www.photo2.com" ></ asp:ImageButton >
< asp:ImageButton  style ="WIDTH: 177px; HEIGHT: 150px"  id ="img3"  runat ="server"  border ="0"  Width ="177px"  Height ="150px"  ImageUrl ="~/image/裤子.jpg"  PostBackUrl ="~/photo.aspx"  ToolTip ="http://www.photo3.com" ></ asp:ImageButton >
< asp:ImageButton  style ="WIDTH: 177px; HEIGHT: 150px"  id ="img4"  runat ="server"  border ="0"  Width ="177px"  Height ="150px"  ImageUrl ="~/image/衣服.jpg"  PostBackUrl ="~/photo.aspx"  ToolTip ="http://www.photo4.com" ></ asp:ImageButton >
< BR  /></ marquee >