为了正常的体验网站,请在浏览器设置里面开启Javascript功能!

1-网页制作html

2020-10-31 66页 ppt 562KB 12阅读

用户头像 机构认证

爱赢

公司经营范围:网络软件设计、制作、图文设计、影视制作(编辑)

举报
1-网页制作html网页制作技术前言1 网站建设步骤 确定网站的工作环境(有(租)服务器、perl、php、asp) 确定网站类型(基本功能需求) 网站设计、规划(易操作、美观) 网页制作 测试 备案 宣传 维护、更新网页设计技术 静态网页 框架-Html 元素定义 标签 修饰 CSS 工具 Dreamweaver FrontPage 多媒体网页 内容 图像 视频、flash 工具: photoshop, Flash 动态网页 节点定义 DOM 访问方法 JS VBS 交互式网页 交互技术 Asp Php Jsp Perl 后台数据库 SQL M...
1-网页制作html
网页制作技术前言1 网站建设步骤 确定网站的工作环境(有(租)服务器、perl、php、asp) 确定网站类型(基本功能需求) 网站设计、规划(易操作、美观) 网页制作 测试 备案 宣传 维护、更新网页设计技术 静态网页 框架-Html 元素定义 标签 修饰 CSS 工具 Dreamweaver FrontPage 多媒体网页 内容 图像 视频、flash 工具: photoshop, Flash 动态网页 节点定义 DOM 访问 JS VBS 交互式网页 交互技术 Asp Php Jsp Perl 后台数据库 SQL MySql静态交互式浏览器Internet前言2 网页制作技术: 非交互式:HTML 交互式:perl、php、asp、JavaScript等 多媒体技术:flash 脚本语言vs编程语言 脚本语言 一种解释性的语言,由程序代码组成,也涉及到变量。 不需要编译,可以直接用,由解释器来负责解释。 速度慢 编程语言 语法和更为严格和复杂一些. 编译成二进制代码,以可执行文件的形式存在. 速度快 课程安排 HTML基础知识 什么是HTML HTML的历史 标签 编辑工具 HTML基本框架 头信息 体信息什么是HTML HTML:HypertextMarkedLanguage,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。 HTML文档,能独立于各种操作系统平台。 自1990年以来一直被用作WorldWideWeb的信息示语言。 使用HTML语言描述的文件,需要通过WWW浏览器显示出效果。 HTML文件是一个文本文件,包含了一些HTML元素,标签等. HTML文件必须使用html或htm为文件名后缀. HTML是大小写不敏感的,HTML与html是一样的. 应用: 通信:网页、邮件 管理:文档整理、远距离商务JAVACSSHTML关系 网页包含三个层次(它们都需要各自分离): HTML结构 HTML结构层是网页最重要的基础。 HTML标签给予内容含义。 CSS表现 CSS表现层则是定义您的HTML该如何显示。 JavaScript行为 JavaScript行为层为页面增加交互。HTML的历史 HTML1.0--在1993年6月发为互联网工程工作小组(IETF)工作草案发布 HTML2.0--1995年11月发布 HTML3.2--1996年1月,W3C推荐标准 HTML4.0--1997年12月,W3C推荐标准 HTML4.01--1999年12月,W3C推荐标准 HTML5.0--2008年8月,W3C推荐标准万维网联盟 万维网联盟是国际著名的标准化组织。该联盟成立于1994年,至今已发布近百项相关万维网的标准,对万维网发展做出了杰出的贡献。目前,万维网联盟拥有来自全世界40个国家的400多个会员组织,已在全世界16个地区设立了办事处。 万维网联盟(WorldWideWebConsortium,W3C),又称W3C理事会。 1994年10月在麻省理工学院计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯-李。 2006年4月28日,万维网联盟在中国内地设立首个办事处。 为解决Web应用中不同平台、技术和开发者带来的不兼容问题,保障Web信息的顺利和完整流通,万维网联盟制定了一系列标准并督促Web应用开发者和内容提供者遵循这些标准。标准的内容包括使用语言的规范,开发中使用的导则和解释引擎的行为等等。W3C也制定了包括XML和CSS等的众多影响深远的标准规范。 但是,W3C制定的web标准似乎并非强制而只是推荐标准。因此部分网站仍然不能完全实现这些标准。特别是使用早期所见即所得网页编辑软件设计的网页往往会包含大量非标准代码。标签 单标签:只需单独使用就能完整地表达意思,这类标记的语法是:           <标签名称> 双标签 由“始标签”和“尾标签”两部分构成,必须成对使用, 始标签告诉Web浏览器从此处开始执行该标记所表示的功能, 尾标签告诉Web浏览器在这里结束该功能。 始标签前加一个斜杠(/)即成为尾标记。 这类标记的语法是:<标签>内容</标签>   其中“内容”部分就是要被这对标记施加作用的部分。 标签属性:许多单标记和双标记的始标记内可以包含一些属性. 其语法是:<标签名属性名1="属性值"属性名2="属性值"...></标签名> 各属性之间无先后次序,属性也可省略(即取默认值), 属性的值一定要在双引号中.编辑工具 纯文本编辑器: 记事本,等 过程:新建,编程,改后缀 特点:控制力强、便于修改、过程较慢 IDE: Frontpage等 过程:New,存储 特点:控制力弱,存在冗余,过程快 建议: 新手多用文本编辑器, 熟悉后结合IDEHTML基本框架 分文档头和文档体两部分, 文档头:进行了一些必要的定义 文档体:要显示的各种文档信息。 实例 <HTML>    <HEAD>       头部信息    </HEAD>    <BODY>      文档主体,正文部分    </BODY> </HTML> 其中<HTML>在最外层,表示这对标记间的内容是HTML文档。 一些Hompage省略<HTML>标记,因为.html或.htm文件被Web浏览器默认为是HTML文档。 <HEAD>之间包括文档的相关信息,如文档总标题等,若不需头部信息则可省略此标记。 <BODY>标记一般不省略,表示正文内容的开始。头部信息主要内容<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>标题内容</title><metaname=”description”content=”描述内容”><metaname=”keyword”content=”关键字1,关键字2“><metahttp-equiv="Refresh"content="3;url=http://www.163.com"><metaname=”author”content=”网页的作者”><metaname=”copyright”content=”网页的版权”></head><!--注释内容--><body></body> </html>DOCTYPE 首先要声明一个文档类型 会使浏览器使用相应的方式加载网页并显示。 例子中定义了HTML4文档类型.title 此标签只能在head标签内出现. title的内容在浏览器的标题栏中显示. 浏览器中收藏夹内书签的名称是title的内容. title的内容可以方便搜索引擎索引页面.metameta为HTML文档提供额外信息,属性主要分为两组 name属性 name属性用于描述网页,便于搜索引擎机器人查找,分类. 其中最重要的是description,keywords 它是以名称/值形式的名称 http-equiv属性与content属性 http-equiv属性用于提供HTTP的响应头报文(MIME文档头 其中最重要的是content-typecharset提供编码信息, refresh刷新与跳转页面, no-cache页面缓存, expires网页缓存过期时间.体信息 Body属性 页面布局与文字设计   文字控制  实体 特殊样式 标题<Hn>, 文字格式<font>   空间控制   换行<br>   段落<P>   水平线段<hr> 位置控制:ALIGN,pre 移动<marquee> 链接(页面、多媒体)   本地链接   外部链接 多媒体 图 音、视频 多视窗FRAMES   基本格式   分割   互操作   列表 表格Body标签属性 ①主体位于头部之后,以<BODY>为开始标记,</BODY>为结束标记。它定义了网页上显示的主要内容与显示格式,是整个网页的核心,网页中要真正显示的内容都包含在本标记中。 ②<BODY>有很多属性,这些属性用于设定网页的总体风格,可以定义页面的背景图像、背景颜色、文字颜色、超文本链接的颜色。其中常用的属性见表2-1。 <body>标签有自己的属性,设置<body>标签内的属性,可控制整个页面的显示方式。 <body>标签的属性 属 性 描  述 link 设定页面默认的连接颜色 alink 设定鼠标正在单击时的连接颜色 vlink 设定访问后连接文字的颜色 background 设定页面背景图像 bgcolor 设定页面背景颜色 leftmargin 设定页面的左边距 topmargin 设定页面的上边距 bgproperties 设定页面背景图像为固定,不随页面的滚动而滚动 text 设定页面文字的颜色 格式: <bodytext="#000000"link="#000000"alink="#000000"vlink="#000000"background="gifnam.gif"bgcolor="#000000"leftmargin=3topmargin=2bgproperties="fixed">表颜色代码表 名称 英文颜色名 16进制代码 黑色 black #000000 蓝色 blue #0000FF 棕色 brown #A52A2A 青色 cyan #00FFFF 灰色 gray #808080 绿色 green #008000 乳白色 ivory #FFFFF0 桔黄色 orange #FFA500 粉红色 pink #FFC0CB 红色 red #FF0000 白色 white #FFFFFF 黄色 yellow #FFFF00 深红色 crimson #CD061F 黄绿色 greenyellow #0B6EFF 水蓝色 dodgerblue #0B6EFF 淡紫色 lavender #DBDBF8【例】使用网页的背景色(bgcolor)属性,可以设定整个网页的背景颜色;使用网页的文本色(text)属性,可以设定整个网页文字的颜色。<HTML><HEAD>这是主体之外的文本<TITLE>试试BODY标记的属性</TITLE></HEAD><BODYbgcolor=greenyellowtext=blue>设置网页的背景色属性为"黄绿色",设置网页的文本色属性为"蓝色"</BODY></HTML>显示效果如图2-2所示。图2-2使用网页的bgcolor属性HTML实体 HTML文件是普通的文本文件,但是HTML页面要表现的很多内容不是文本文件能直接表达的.比如:键盘无法输入的符号,HTML标签和属性中所要使用的<>"&'元素等. 所以HTML定义了很多实体 &lt;可以显示<小于号 &gt;可以显示>大于号 &nbsp;--表示空格 &copy;代表© &reg;代表®特殊样式 为了让文字富有变化,着意强调某一部分, HTML提供了一些标签产生这些效果,常用标签如下: <B>     </B>     粗体 <I>     </I>     斜体 <U>     </U>     加下划线 <TT>    <TT>     打字机字体 <BIG>    </BIG>    大型字体 <SMALL>   </SMALL>   小型字体 <BLINK>   </BLINK>   闪烁效果 <EM>    </EM>    表示强调,一般为斜体 <STRONG>  </STRONG>  表示特别强调,一般为粗体 <CITE>   </CITE>   用于引证、举例,一般为斜体 <strike>添加删除线 <sub><sup>上下标标题 标题标签<Hn>,其中n为标题 显示标题、副标题、章和节等结构, 提供六个等级的标题,n越小,标题字号就越大: 标题的字体为黑体字,内容文字前后都插入空行。 〈H1>…</H1>     第一级标题 〈H2>…</H2>     第二级标题 〈H3>…</H3>     第三级标题 〈H4>…</H4>     第四级标题 〈H5>…</H5>     第五级标题 〈H6>…</H6>     第六级标题文字格式font <fontsize=“4”face="黑体“color=“yellow”> 属性 使用功能 默认值有效值范围 face 设置文字使用的字体 宋体 size 设置文字的大小 3(1-7) color 设置文字的颜色 黑色 FACE属性: FACE的属性值可以是本机上的任一字体类型 只有对方的电脑中装有相同的字体才可以正确显示。 color属性: 设置文字颜色 颜色值可以是一个十六进制数(用“#”作为前缀), 也可以是16种预定义颜色名称, Black="#000000“Red="#FF0000“Blue="#0000FF“Lime="#00FF00"图2-4设置文本文字属性说明:①<FONT>和<Hn>标记都可以设置文字的大小,二者的区别见表2-3。表2-3<FONT>与<Hn>标记的区别 标记 对象 用法 文字大小n的取值 字体加粗 <FONT> 一段文章、语句、短语 <FONTsize=n>文字</FONT> n=1~7,取1时最小,7时最大 不自动加粗 <Hn> 标题 <Hn>文字</Hn> n=1~6,取6时最小,1时最大 自动加粗另外,当<FONT>中的size取7时,文字比<H1>要大。②<BODY>标记中的text属性和<FONT>标记中的color属性都可以设置文本的颜色,<FONT>标记直接作用其后的文字,可在文件中多处设定,使网页中文字的颜色绚丽多彩。当<BODY>与<FONT>标记同时对文字颜色进行定义时,<FONT>标记优先。换行<br>   在编写HTML文件时,我们不必考虑太细的设置,也不必理会段落过长的部分会被浏览器切掉。因为,在HTML语言规范里,每当浏览器窗口被缩小时,浏览器会自动将右边的文字转折至下一行。所以,编写者对于自己需要断行的地方,应加上<br>标签。段落<P> 为了排列的整齐、清晰,文字段落之间,常用<P></P>来做标记。 文件段落的开始由<P>来标记,段落的结束由</P>来标记, </P>是可以省略的,下一个<P>的开始就意味着上一个<P>的结束。 。水平线段<hr> 在屏幕上显示一条水平线, 分割页面中的不同部分。 <HR>属性:    size 水平线的宽度    width水平线的长,百分比或象素值    align水平线的对齐方式    noshade线段无阴影属性,为实心线段位置控制:ALIGN ALIGN属性 定义文字或图片的对齐方式 基本语法如下: <DIVALIGN=#>  <PALIGN=#> <HRALIGN=#>     <H1ALIGN=#〉   #=left/right/center 其中<center></center>可单独使用移动<marquee><marquee>需要移动的文字</marquee> 属性 描述 align 指定对齐方式top,middle,bottom scroll 单向运动 Slide 如幻灯片,一格格的,效果是文字一接触左边就停止。 alternate 左右往返运动 bgcolor 设定文字卷动范围的背景颜色 loop 设定文字卷动次数,默认为无限循环 height 设定字幕高度 width 设定字幕宽度 scrollamount 指定每次移动的速度,数值越大速度越快 scrolldelay 文字每一次滚动的停顿时间,单位是毫秒。时间越短滚动越快 hspace 指定字幕左右空白区域的大小 vspace 指定字幕上下空白区域的大小 direction 设定文字的卷动方向,left表示向左,right表示向右,up表示往上滚动 behavior 指定移动方式,scroll表示滚动播出,slide表示滚动到一方后停止,alternate表示滚动到一方后向相反方向滚动。原样显示 预格式化标签<pre> 要保留原始文字排版的格式, 源代码等 忽略html标签 显示网页源代码 <xmp>超链接 超文本具有的链接能力,可层层链接相关文件,这种具有超级链能力的操作,即称为超级链接。 HTML文件中最重要的应用之一就是超链接,超链接是一个网站的灵魂, 网页互相链接的,单击被称为超链接的文本或图形就可以链接到其它页面。 超级链接除了可链接文本外,也可链接各种媒体,如声音、图象、动画,通过它们我们可享受丰富多采的多媒体世界。 建立超链接的标签:<A>链接文字</A> anchor(锚) 主要属性 HREF="链接所指的目标地址" TARGET="目标窗口的属性“ TITLE="指向连接显示的文字target设定链接被按后结果所要显示的窗口。可选值为:_blank,_parent,_self,_top,框架名称。其说明见表。表target属性的取值目标窗口TARGET属性 示例 取值 说明 target="_blank"或target="new" 将链接的画面内容,开在新的浏览器窗口中。 target="_parent" 将链接的画面内容,显示在直接父框架窗口中。 target="_self" 将链接的画面内容,显示在当前窗口中(默认值)。 target="_top" 将框架中连结的画面内容,显示在没有框架的窗口中(即除去了框架)。 target="框架名称" 只运用于框架中,若被设定则链接结果将显示于该“框架名称”指定的框架窗口中,框架名称是事先由框架标记所命名的。内部链接 书签链接 在不同页面要使用链接的地址: <ahref="URL地址#书签名称"> 在同一页面要使用链接的地址: <ahref="#书签名称"> 目的地址: <aname=“书签名称”>示例 站点内部建立链接 目标文档处在同一服务器或同一文件夹下。 地址通常只包含文件夹名和文件名。甚至只有文件名。 如果链接到同一目录下,则只需输入要链接文件的名称。 要链接到下级目录中的文件。只需先输入目录名,然后加"/",再输入文件名。 要链接到上一级目录中文件,则先输入"../",再输入文件名。当前页面 被链接页面 超链接代码2-1.html 3-1.html <ahref="3-1.html">超链接元素</a>3-1.html 1-1.html <ahref="asm/1-1.html">超链接元素</a>sy.html 1-1.html <ahref="ssm/asm/1-1.html">超链接元素</a>2-1.html sy.html <ahref="../sy.html">超链接元素</a>1-1.html sy.html <ahref="../../sy.html">超链接元素</a>sy.html 2-1.html <ahref="ssm/2-1.html">超链接元素</a>外部链接 所谓外部链接,指的是跳转到当前网站外部,与其它网站中页面或其它元素之间的链接关系。 URL(统一资源定位符,UniformResourceLocator) URL地址一般要用绝对路径,要有完整的URL地址,包括协议名,主机名,文件所在主机上的的位置的路径以及文件名。 主要链接类型: <AHREF="HTTP://"网址"> <ahref="telnet://bbs.ustc.edu.cn"> <ahref=“ftp://ftp主机地址”> <ahref=“mailto:E-mali地址”>示例多媒体1-图 图像可以使html页面美观生动且富有生机。 图像选择 选择大多数浏览器支持的格式:如jpeg,bmp,gif。 选择较小的图片,加快显示速度 选择相对路径查找图片 相对路径,浏览器只下载一次 绝对路径,每次都要重新下载,最大下载量。 主要使用方法: 网页设定背景 <bodybackground=“image-url”>示例 插入图片 图像的超链接 用<img>标签插入avi文件插入图片 网页中插入图片用单标签<img> 当浏览器读取到<img>标签时,就会显示此标签所设定的图像。 常用属性 src 图像的url的路径 alt 提示文字 width 宽度通常只设为图片的真实大小以免失真, height 高度通常只设为图片的真实大小以免失真 hspace 水平间距 vspace垂直间距 align图像和文字之间的排列属性 border 边框 lowsrc 设定低分辨率图片,若所加入的是大图片,可先显示图片。 <imgsrc=“logo.gif”width=100height=100hspace=5vspace=5border=2align=“top”alt=“LogoofPenPalsGarden”lowsrc=“pre_logo.gif”>示例图像的超链接 整体链接:(图形按钮) 将<img>标签放在<a>和</a>只见就可以了。 用图像链接的图片的上有蓝色的边框,这个边框颜色也可以在<body>标签中设定。 热点区域链接 把一幅图片划分为不同的热点区域,再让不同的区域进行超链接;这就是影像地图。 要完成地图区域超链接要用到三种标签:<img><map><area> 下面分别介绍这些标签的用法: 影像地图(ImageMap)标签的使用格式: <imgsrc="图形文件名"usemap="#图的名称"> <!--插入图片时要在<img>标记中设置参数usemap="#图的名称",以表示对图像地图(图的名称)的引用;--> <mapname="图的名称"> <!--用<map>标记设定图像地图的作用区域,并用name属性爲图像起一个名字--> <areashape=形状coords=区域座标列表href="URL资源地址"> ......可根据需要定义多少个热点区域 </map>Shape&coodsshape--定义热点形状 shape=rect:矩形 shape=circle:圆形 shape=poly:多边形 coords--定义区域点的坐标 矩形:使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标 例:<areashape=rectcoords=100,50,200,75href="URL"> 圆形:使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度 例:<areashape=circlecoords=85,155,30href="URL"> 任意图形(多边形):每一转折点座标依序填入 例:<areashape=polycoords=232,70,285,70,300,90,250,90,200,78href="URL"> 在制作本文介绍的效果时应注意的几点: usemap的参数值必须与<map>标记中的name参数值相同, 所有<area>标记均要在<map>与</map>之间; 坐标格式要与区域形状配套 示例用<img>标签插入avi文件 格式:<imgdynsrc="avi文件地址"> dynsrc 指定avi文件所在路径 loop 设定avi文件循环次数 loopdelay 设定avi文件循环延迟 start 设定文件播放方式fileopen/mouseover(网页打开时即播放/当鼠标滑到avi文件时播放) 示例多媒体2-音乐 <bgsound> 用来设置网页的背景音乐。不用显性下载播放。 但只适用於IE,不调用媒体播放器 其参数设定不多。格式如下: <BGSOUNDsrc="your.mid"autostart=trueloop=infinite> src="your.mid" 设定midi档案及路径,可以是相对或绝对。声音文件可以是wav,midi,mp3等类型的文件 autostart=true 是否在音乐档传完之後,就自动播放音乐。true是,false否(内定值)。 loop=infinite 是否自动反覆播放。LOOP=2表示重复两次,Infinite表示重复多次。直到网页关闭为止。 音乐做成一个链接: 需要显性下载,而后播放 <A HREF="音乐地址">乐曲名</A> 例如:播放一段MIDI音乐:    <A HREF=“imge/一千零一夜.mid”>MIDI音乐</A> 示例多媒体3-其他多媒体 插入多媒体文件: 在网页中可以用<embed>标签将多媒体文件插入,如音乐和视频等。 浏览器通常能自动播放某些格式的声音与影像 但具体能播放什么样格式的文件.取决于计算机的类型以及浏览器的配置. <embed>标签的使用格式:<EMBEDSRC="音乐文件地址"> 常用属性如下: SRC=“FILENAME” 设定音乐文件的路径,可以是URL type=“application/x-shockwave-flash”指定多媒体的类型 pluginspage指定插件页面 AUTOSTART=TRUE/FALSE是否传送完就自动播放,默认为FALSE LOOP=TRUE/FALSE 设定播放重复次数, LOOP=6表示重复6次,TRUE表示无限次播放,FALSE播放一次即停止。 STARTIME=“分:秒” 设定开始播放时间, 如20秒后播放写为STARTIME=00:20 VOLUME=0-100 设定音量。没设定用系统的音量。 WIDTHHEIGHT 设定播放控件面板的大小 HIDDEN=TRUE 隐藏播放控件面板 CONTROLS=CONSOLE/SMALLCONSOLE 设定播放控件面板的样子 示例多视窗 框架就是把一个浏览器窗口划分为若干个区域,或小窗口, 每个窗口完成不同功能,显示不同的URL网页。 一个窗口的内容随着另一个窗口的要求而不断变化 方便完成导航工作。 方便在浏览器中同时浏览不同的页面效果,多视窗定义 <body>被框架集标签<frameset>所取代 通过<frameset>的子窗口标签<frame>定义每一个子窗口和子窗口的页面属性。 语法格式: <html> <head> </head> <frameset> <framesrc="url地址1"> <framesrc="url地址2"> ...... <frameset> <noframes>你的浏览器版本太低,请换一个,谢谢</noframes> </html> Frame子框架的src属性的每个URL值指定了一个html文件(这个文件必须事先做好)地址,地址路径可使用绝对路径或相对路径,这个文件将载入相应的窗口中。 <noframes></noframes>:当浏览者使用的浏览器太旧,不支援框架这个功能时,看到的内容窗口的分割<frameset> Frameset属性 分割窗口 border 设置边框粗细,默认是5象素. bordercolor 设置边框颜色 frameborder 指定是否显示边框 "0"代表不显示边框,"1"代表显示边框 cols 、rows分割左右(上下)窗口 framespacing="5" 表示框架与框架间的保留空白的距离 Cols、rows: 分割几个窗口其值就有几个, 值的定义为宽度/高度,各值之间用逗号分开。 可以是数字(单位为像素)、百分比、剩余值。示例1 其中剩余值用“*”号表示,剩余值表示所有窗口设定之后的剩余部分, 当“*”只出现一次时,表示该子窗口的大小将根据浏览器窗口的大小自动调整, 当“*”出现一次以上时,表示按比例分割剩余的窗口空间示例2<FRAME>标记的个数应等于在<FRAMESET>标记中所定义的框架数,并按在文件中出现的次序按先行后列对框架进行初始化。如果<FRAME>标记数目少于<FRAMESET>中定义的框架数量,则多余的框架为空。注意,由于<FRAMESET>与<BODY>标记的作用相同,所以在HTML文件中一般不能同时出现,否则会导致无法正常显示框架。【例3-13】左右排列多个窗口。本例中用到的html文件是本章前面建立的例题。<HTML><HEAD><TITLE>左右排列多个窗口</TITLE></HEAD><FRAMESETcols=30%,20%,50%><FRAMEsrc="3_7.htm"><FRAMEsrc="3_8.htm"><FRAMEsrc="3_9.htm"></FRAMESET></HTML>在浏览器中显示效果。【例3-14】上下排列多个窗口。<HTML><HEAD><TITLE>上下排列多个窗口</TITLE></HEAD><FRAMESETrows=25%,25%,50%><FRAMEsrc="3_7.htm"><FRAMEsrc="3_8.htm"><FRAMEsrc="3_9.htm"></FRAMESET></HTML>在浏览器中显示效果。还可以建立纵横排列的多个框架,即框架的嵌套。【例3-15】纵横排列的多个窗口。<HTML><HEAD><TITLE>纵横排列多个窗口</TITLE></HEAD><FRAMESETcols=20%,*><FRAMEsrc="3_7.htm"><FRAMESETrows=40%,*><FRAMEsrc="3_8.htm"><FRAMEsrc="3_9.htm"></FRAMESET></FRAMESET></HTML>在浏览器中显示效果。子窗口的属性与操作 <frame>常用属性 src 加载页面的地址 name 指示框架名称,是连结标记的target所要的参数 noresize 指示不能调整窗口的大小,省略此项时就可调整, scorlling 指示是否要滚动条,auto根据需要自动出现,Yes有,No无 marginwidth 设置内容与窗口左右边缘的距离,默认为1 marginheight 设置内容与窗口上下边缘的边距,默认为1 示例2 操作方法 为每一个窗口定义一个名字,这个名字用属性Name来定义。 链接中的Target属性指定所目标文件出现在哪一窗口。 示例说明:框架名有四个特殊的值,分别实现4类特殊的操作。见表。表框架名的四种值 取值 说明 target=_blank 链接的目标文件被载入一个新的没有名字的浏览器窗口 target=_self 链接的目标文件被载入当前框架窗口中,代替正在显示的热点文本所在的那个文件 target=_top 链接的目标文件被载入整个浏览器窗口 target=_parent 当框架有嵌套时,链接的目标文件被载入父框架中。否则,被载入整个浏览器窗口浮动框架 <iframesrc=“”></iframe> 主要属性: src,width,height,align, Scrolling,noresize Frameborder,bordercolor Marginwidth,marginheight 示例
/
本文档为【1-网页制作html】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。 本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。 网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。

历史搜索

    清空历史搜索