网页常用代码.docx
- 文档编号:4623543
- 上传时间:2022-12-07
- 格式:DOCX
- 页数:13
- 大小:80.98KB
网页常用代码.docx
《网页常用代码.docx》由会员分享,可在线阅读,更多相关《网页常用代码.docx(13页珍藏版)》请在冰豆网上搜索。
网页常用代码
1、怎样设置框架的对齐方式?
要插进去的网页里的body里加上topmargin="0"leftmargin="0"marginwidth="0&quo
[网页代码简介]
网页的制作离不开代码,如果想制作出一个较好的网页,那代码必不可少。
现在我们制作网页所用的代码都有HTML,JavaScript,ASP等。
其最基础的就是HTML代码了,下面主要讲述的就是HTML代码的一些简单使用:
--...-->批注
>跑马灯
普通卷动
>字体效果
...
标题字(最大)
...
标题字(最小)...粗体字
...粗体字(强调)
...斜体字
...斜体字(强调)
...斜体字(表示定义)
...底线
...底线(表示插入文字)
...横线
...删除线
...删除线(表示删除)
...键盘文字
...打字体
100px'>...无限增大 >区断标记
水平线
(换行)
...
水域(段落)
>连结格式
>贴图/音乐
>表格语法
>分割窗口
<分割上下两个框架
--...-->批注
....用来显示电子邮箱地址
粗体字
显示大字体
显示本文
换行
...用于引经据典的文字
...
用于列出一段程序代码
...显示\"定义\"文字
- ...
强调之用
划分分割窗口
~设定文字大小
标示文件信息
加上分网格线
文件的开始与结束
斜体字
...表示使用者输入文字
条列文字卷标
- ...
分段
使用原有排列...用于引用字
在窗体中定义列表栏
显示小字体
文字加横线用于加强语气
下标字
上标字
调整表格的宽线高度
调整数据域位之边界
调整表格线的宽度
调整表格的高度
调整表格的宽度
打字机字体
文字加底线
...用于显示变量
10.3 内嵌框架Iframe
10.3.1 关于Iframe
Iframe是框架的一种标记,在页面设计中经常用到。
Iframe标记又叫浮动帧标记,使用Iframe可以将一个文档嵌入在另一个文档中显示,可以随处引用不拘泥网页的布局限制。
在当今互联网网络广告横行的时代,Iframe更是无孔不入,将嵌入的文档与整个页面的内容相互融合,形成了一个整体。
与框架相比,内嵌框架Iframe更容易对网站的导航进行控制,最大的优点在于其灵活性。
在文档中插入Iframe时由于Dreamweaver8中没有可视化的操作,需手工添加代码完成,内嵌框架的代码标记为。
图10.18所示为使用Iframe所制作的网页效果。
具体操作步骤如下:
图10.18 使用Iframe制作的网页效果
(1)打开配书光盘中的案例/frame/iframe/index.htm。
(2)切换到代码视图,显示index.htm的网页源代码如下:
hidden"> 由上段代码可知,index.htm由3个上、中、下排列的Iframe组成,根据页面的制作要求设置Iframe的高度和宽度。 10.3.2 Iframe属性 通过设置Iframe的属性,可以让Iframe与所嵌入的文档整体结合,更能体现Iframe的优势。 在下段代码中设置Iframe的属性: 在代码中,Iframe用到了几个参数来设置其属性,Iframe常用的属性值如表10.1所示。 表10.1 Iframe常用属性 属 性 说 明 Src Iframe的文件路径 Name Iframe框架名称,不可为中文 Longdesc 对Iframe进行描述 Width 设置Iframe的宽度 Height 设置Iframe的高度 Align 设置Iframe的对齐方式: top、middle、bottom、left、right Frameborder 设置Iframe的边框 Marginwidth 设置Iframe距离所在网页元素左右的宽度 Marginheight 设置Iframe距离所在网页元素上下的高度 Scrolling 设置Iframe滚动条显示方式: yes(显示)、no(不显示)、auto(自动) Iframe的更多的属性参考表10.2,引自CSDN论坛。 表10.2 Iframe属性参考值 属 性 说 明 nRight 设置或获取对象的右边距宽度 margin-topmarginTop 设置或获取对象的上边距宽度 overflow-xoverflowX 设置或获取当内容超出对象宽度时如何管理对象内容 overflow-yoverflowY 设置或获取当内容超出对象高度时如何管理对象内容 pixelBottom 设置或获取对象的下方位置 pixelHeight 设置或获取对象的高度 pixelLeft 设置或获取对象的左侧位置 pixelRight 设置或获取对象的右侧位置 pixelTop 设置或获取对象的上方位置 pixelWidth 设置或获取对象的宽度 posBottom 设置或获取以bottom标签属性指定的单位的对象下方位置 posHeight 设置或获取以height标签属性指定的单位的对象高度 positionposition 设置或获取对象所使用的定位方式 posLeft 设置或获取以left标签属性指定的单位的对象左侧位置 续表 属 性 说 明 posRight 设置或获取以right标签属性指定的单位的对象右侧位置 posTop 设置或获取以top标签属性指定的单位的对象上方位置 posWidth 设置或获取以width标签属性指定的单位的对象宽度 rightright 设置或获取对象相对于文档层次中下个已定位对象的右边界的位置 floatstyleFloat 设置或获取文本要绕排到对象的哪一侧 text-autospacetextAutospace 设置或获取自动留空和文本的窄空间宽度调整 toptop 设置或获取对象相对于文档层次中下个定位对象的上边界的位置 visibilityvisibility 设置或获取对象的内容是否显示 z-indexz-index 设置或获取定位对象的堆叠次序 zoomzoom 设置或获取对象的放大比例 10.3.3 设置Iframe自适应高度 使用Iframe最常见的问题就是高度的设置,高度设小了会让一部分内容显示不全,设大了又会让页面多出一块空白,导致页面整体失调。 如何让Iframe随嵌入网页中的单元格高度自动变化就成了迫切要解决的问题,下面来介绍如何设置Iframe自适应高度。 (1)打开配书光盘中案例/frame/iframe/index_h.htm,切换到代码视图,文档全文代码如下。 DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> //www.w3.org/1999/xhtml">
由代码可以看出Iframe未设定高度,此时在浏览器中浏览的效果如图10.19所示,在页面中没有显示出全部的Iframe嵌入页的内容。
(2)让Iframe可以自动随页面高度调整和自动适应,方法很简单,在页面代码