网页设计HTML篇_晴空无雨_百度空间企业库|免费b2b网站

网页设计HTML篇_晴空无雨_百度空间

第九章
【框架】
一个页面中显示多个页面的技术，通过超链接联系各个页面，实现页面导航功能。
系统运用框架，，，，不易于检索，，，网站不常用。。。。。。
“厂”字形较为广泛
<html>
<head>
</head>
<frameset cols = "*" rows = "20%,60%,*">
   <frame name ="top" src = ""></frame>
   <frameset cols = "20%,*" rows = "*">
        <frame name ="left" src = ""></frame>
        <frame name ="right" src = ""></frame>
   </frameset>
<frame name ="bottom" src = ""></frame>
</frameset>
</html>
此时是建立一个上中（左右）下的框架，
大于一个程序frame的均称为程序集frameset。

frameset的属性：分割。
cols = "*" 列，可分为左中右；
rows = "20%,60%,*"行，可分为下中下。
bordercolor 框架颜色
framespacing 框架宽度
frameborder 框架显示
noresize 重置格式：noresize = "noresize"属性名=属性值

frame的属性：
name ="left"名称，包括：top, middle,bottom,left,right ；
src = ""源，要显示的页面。页面地址加名字
scrolling 滚动条（yes（有） no（无） auto（自动））默认为自动

【额外】超链接
<a href = "要点击显示的页面 " target = "要显示的位置">显示的超链接字体</a>
href :要点击显示的页面
target:显示的位置① blank 让页面显示的位置② _self显示在本页面③ ""引号内的值表示要显示的位置

三层网页的套接
关键代码段：
主页面：
<frame name ="left" src = "C:\Users\Administrator\Desktop\!屈原作业.html" ></frame>
含有超链接的页面：
<p><a href ="C:\Users\Administrator\Desktop\屈原.html" target = "right"> 屈原 </a></p>
<p><a href ="C:\Users\Administrator\Desktop\屈原 - 副本.html" target = "right">不是屈原 </a></p>
超链接所指向的页面：
我是小屈原！！！！
我不是小屈原！！！！好可怜啊

浮动窗口
做小广告用的
<body>
<a href = "" target = "ife">显示</a>
<iframe name = "ife" src = ""></iframe>
</body>

第十章
【表单】
一张表单就是提交数据最基本的单位
<form name = "" method = "" action = ""></form>
属性：
method：提交方式 post get
action：处理程序（通常写页面）
跳转页面

<form name = "" method = "post" action = "另一页面">
<input type = "text" name = "txt"> 文本框 </input>
<input type = "file" name = "txt"> 附件不可手动输入</input>
<input type = "checkbox" name = "txt" id = "a" value = "1"> 复选框</input>
<input type = "checkbox" name = "txt" id = "b"value = "1"> 复选框2</input>
<!--一般情况下 vlaue对应输入数据库的值其他为对应用户看到的值 name一样为一组>
<!--按钮>
<input type = "submit" value = "提交按钮" name = "txt222" >
<input type = "button" value = "标准按钮" name = "txt222" >
<input type = "reset" value = "重置按钮" name = "txt222" >

第八章
【层】
图层比表格的布局更加灵活，可将层中的内容放到浏览器的任意位置，一个网页文件可以含有多个层，层与层之间可以嵌套，可以任何方式重叠，
语法：
<div id = "Layer1" style = "position:absolute;left:29px;top:12px;width;165px;height:104px;background-color:#666666;Layer1-background-color:#666666;border:lpx none #000000"></div>
属性：
position 定位将对象从文件流中托出，进行{jd1}定位
id 定义层的标记，名称
style 定义样式
border定义层的边框
Layer1-background-color定义层的背景

嵌套图层
子层永远在父层之上
<div id = "Layer1" style = "position:absolute;left:29px;z-index:1;Layer1-background-color:#666666;border:lpx none #000000"></div>
<div id = "Layer1" style = "position:absolute;left:29px;z-index:2Layer1-background-color:#666666;border:lpx none #000000"></div>
嵌套格式，只需重写层的格式即可。

郑重声明：资讯【网页设计HTML篇_晴空无雨_百度空间】由发布，版权归原作者及其所在单位，其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实，请读者仅作参考，并请自行核实相关内容。若本文有侵犯到您的版权，请你提供相关证明及申请并与我们联系（qiyeku # qq.com）或【在线投诉】，我们审核后将会尽快处理。

—— 相关资讯 ——