- 1、本文档共79页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第4讲超链接、多媒体、框架及表格标记2重点讲义
第4讲 超链接、多媒体及表格;学习目标;4.1 多媒体标记;1) 滚动文字设置;1) 滚动文字设置;1) 滚动文字设置; ;2) 嵌入多媒体内容;3) 设置背景音乐; ;框架的作用,就是把浏览器窗口划分成若干个区域,每个区域可以分别显示不同的网页。
注意:使用框架结构时,HTML文档中不能出现body标记对,此时body需要由frameset代替;框架集标记frameset:主要是定义浏览器窗口的分割方式、各分割窗口(框架)的大小以及格式化框架边框
框架标记frame:定义各分割窗口中显示的内容,并能对各分割窗口进行格式化;2)框架集标记frameset;框架分割窗口方式;左右分割;frameset cols=20%,*
frame
frame
/frameset;上下分割;frameset rows=20%,*
frame
frame
/frameset; 嵌套分割;frameset cols=20%,55%,*
frameset rows=100,*
frame
frame
/frameset
frame
frame
/frameset;frameset对框架边框的格式化;3) 框架标记frame;frameset cols=20%,*
frame src=“frame_menu.html” name=“left”
frame src=“p.htm” name=“right”
/frameset;;框架综合示例;4)不支持框架标记noframes;;5) 浮动框架iframe;浮动框架示例;框架的一个重要目的是在不同的框架中显示不同的页面,通过链接目标窗口的设置可以很容易实现这一目的
具体实现方法:将框架的框架名属性值作为超链接的target的属性值;frameset cols=20%,*
frame src=frame_menu.html name=left
frame src=p.htm name=right
/frameset;浮动框架与链接示例;浏览者通过单击文本或图片对象,可以从一个页面跳到另一个页面,或从页面的一个位置跳到另一个位置,实现这样的功能的对象称之为超链接
创建超链接的条件:必须同时存在两个端点。一个是源端点;另一个是目标端点
源端点:指网页中的提供链接单击的对象, 如链接文本或链接图像
目标端点:指链接跳过去的页面或位???, 如某网页、书签等
;1)超链接标记及常用属性;使用a标记创建超链接的基本语法如下:;点击超链接文本后页面跳转到目标端点页面;1)超链接标记及常用属性;链接目标窗口示例; ;2)链接路径设置;根据超链接的目标端点来分,超链接可分为:
内部链接
外部链接
书签链接
脚本链接
文件下载链接
根据超链接的源端点来分,超链接可分为:
文本链接
图像链接
图像映射;内部链接;外部链接;a href=“mailto:邮址1?Subject=contentcc=邮址2 bcc=邮址3”链接文字/a; ;书签链接;①建立书签;②建立书签链接;文件下载链接;基本语法
a href=“File_URL”链接文字/a
文件下载示例
;文本链接;图像链接;;4.3 表格标记;基本语法
table
tr
td(th)…td(/th)
……
/tr
tr
td(th)…td(/th)
……
/tr
……
/table;html
head
title表格基本结构/title
/head
body
table
tr
td第1行中的第1个单元数据/td
td第1行中的第2个单元数据/td
/tr
tr
td第2行中的第1个单元数据/td
td第2行中的第2个单元数据/td
/tr
/table
/body
/html;表格标记示例;1) table标记; 默认情况下创建的表格没有边框,使用表格的border属性可以设置边框的粗细,还可以通过bordercolor属性设置边框颜色
基本语法
table border=边框高度 bordercolor=边框颜色
语法说明:
边框宽度值是一个数值,单位为像素,数值越大,边框越粗,当值为0时不显示边框。
设置表格的边框示例 10-2;设置表格的宽度和高度;设置表格的对齐方式;设置表格的背景颜色;设置表格的背景图片;设置表格的边距;设置表格的间距; ;2) tr标记; ;3) td、th标记;使用th创建表头示例10-11
设置单元格对齐方式示例10-12
设置
文档评论(0)