2 html.ppt

第2章HTML基本知识 2 教学要求 3 重点难点 标签元素表格布局框架布局CSS内嵌样式 InlineStyle CSS内部样式表 InternalStyleSheet CSS外部样式表 ExternalStyleSheet 4 1 HTML基本标签 HTML页面基本结构 5 单标识 6 7 样式 none 无样式 dotted 点线 dashed 虚线 solid 实线 double 双线 groove 槽线 ridge 脊线 inset 内凹 outset 外凸 8 9 10 谓框架便是网页画面分成几个框窗 同时取得多个URL 只需要即可 所有框架标记需要放在一个总起的html文档 这个文档只记录了该框架如何分割 不会显示任何资料 所以不必放入标记 浏览这框架必须读取这文档 而不是其他框窗的文档 11 是用来划分框窗 每一窗框由一个标记所标示 必须在范围中使用 如 12 在标记范围加入标记 很抱歉 馈下使用的浏览器不支援框架功能 请转用新的浏览器 13 此标签只能出现在head标签内5秒之后刷新本页面 5秒之后转到新浪首页 14 expires用于设定网页的过期时间 一旦过期就必须从服务器上重新加载 时间必须使用GMT格式 15 特殊标识 16 排版标识 17 字体标识 18 19 列表标识 无序列表 使用标签 有序列表 使用标签 自定义列表 使用标签 20 ul标签是成对出现的 以开始 结束每一列使用标签定义 每一列使用一个点作为开头 21 ol标签是成对出现的 以开始 结束每一列使用标签 与无序列表相同 定义 每列使用数字或字母开头 22 dl标签是成对出现的 以开始 结束自定义列表的开始使用标签列表中每个元素的标题使用定义后面跟随用于描述列表中元素的内容 23 超链接 24 简单的HTML表格由table元素以及一个或多个tr th或td元素组成 tr元素定义表格行 th元素定义表头 td元素定义表格单元 25 标签定义HTML表格中的标准单元格 HTML表格有两类单元格 表头单元 包含头部信息 由th元素创建 标准单元 包含数据 由td元素创建 td元素中的文本一般显示为正常字体且左对齐 26 文本编辑文本编辑文本编辑文本编辑 27 WIDTH宽度 HEIGHT高度属性 通过WIDTH属性定义表格的宽度 HEIGHT属性定义表格的高度 单位是像素或百分比 如果是百分比 则可分为两种情况 如果不是嵌套表格 那么百分比是相对于浏览器窗口而言 如果是嵌套表格 则百分比相对的是嵌套表格所在的单元格宽度 28 文本编辑文本编辑文本编辑文本编辑文本编辑文本编辑 29 CellSpacing 基本语法语法解释可设置或返回在表格中的单元格之间的空白量 表格中各个单元格之间的距离 以像素为单位 30 Cellpadding 单元格边距是指单元格内容和边框之间的距离 基本语法语法解释单元格的边距以像素为单位 31 BordercolorBackground 文本编辑文本编辑文本编辑文本编辑 32 属性 ALIGN行内容的水平对齐VALIGN行内容的垂直对齐BORDERCOLOR行的边框色属性BORDERCOLORLIGHT行的亮边框色BORDERCOLORDARK行的暗边框色BGCOLOR行的背景色属性 33 属性 ALIGN单元格内容的水平对齐VALIGN单元格内容的垂直对齐BORDERCOLOR单元格的边框颜色BORDERCOLORLIGHT单元格的亮边框颜色BORDERCOLORDARK单元格的暗边框颜色BGCOLOR单元格的背景颜色BACKGROUND单元格的背景图象WIDTH单元格的宽度HEIGHT单元格的高度 34 Bordercolorlight 文本编辑文本编辑文本编辑文本编辑文本编辑文本编辑 35 表格合并COLSPAN跨列ROWSPAN跨行属性 1456 36 表格对齐 只要在加入ALIGN center left right或VALIGN top middle bottom1 37 表格背景设置 1234 38 behavior设定滚动的方式 alternate 表示在两端之间来回滚动 scroll 表示由一端滚动到另一端 会重复 slide 表示由一端滚动到另一端 不会重复 39 direction设定活动字幕的滚动方向direction down 向下direction left 向左direction right 向右direction up 向上 40 height设定活动字幕的高度width设定活动字幕的宽度hspace设定活动字幕里所在的位置距离父容器水平边框的距离 41 vspace设定活动字幕里所在的位置距离父容器垂直边框的距离loop设定滚动的次数 当loop 1表示一直滚动下去 默认为 1 42 scrollamount设定活动字幕的滚动速度 单位pixelsscrolldelay设定活动字幕滚动两次之间的延迟时间 单位millisecond 毫秒 值大了会有一步一停顿的效果 43 基本语法 embedsrc url说明 embed可以用来插入各种多媒体 格式可以是Midi Wav AIFF AU MP3等等 Netscape及新版的IE都支持 url为音频或视频文件及其路径 可以是相对路径或绝对路径 44 属性设置 1 自动播放 语法 autostart true false说明 该属性规定音频或视频文件是否在下载完之后就自动播放 2 循环播放 语法 loop 正整数 true false说明 该属性规定音频或视频文件是否循环及循环次数 45 3 面板显示 语法 hidden ture no说明 该属性规定控制面板是否显示 默认值为no 4 开始时间 语法 starttime mm ss 分 秒 说明 该属性规定音频或视频文件开始播放的时间 未定义则从文件开头播放 5 音量大小 语法 volume 0 100之间的整数说明 该属性规定音频或视频文件的音量大小 未定义则使用系统本身的设定 46 6 容器属性 语法 height width 说明 取值为正整数或百分数 单位为像素 该属性规定控制面板的高度和宽度 7 外观设置 语法 controls console smallconsole playbutton pausebutton stopbutton volumelever说明 该属性规定控制面板的外观 默认值是console console 一般正常面板 smallconsole 较小的面板 playbutton 只显示播放按钮 pausebutton 只显示暂停按钮 stopbutton 只显示停止按钮 volumelever 只显示音量调节按钮 47 8 说明文字 语法 title 说明 为说明的文字 该属性规定音频或视频文件的说明文字 9 前景色和背景色 语法 palette color color说明 该属性表示嵌入的音频或视频文件的前景色和背景色 第一个值为前景色 第二个值为背景色 中间用 隔开 color可以是RGB色 RRGGBB 也可以是颜色名 还可以是transparent 透明 10 对齐方式 语法 align top bottom center baseline left right texttop middle 48 mailto mailto语法subject 代表邮件的标题body 代表邮件的内容cc 代表一个抄送对象bcc 代表一个暗送对象mailto URL 参数1 内容 参数2 内容 参数 49 50 表单 51 inputtype name 栏位名 size 字符数 value 预设字串 栏位类型 type 号为text 文字输入 号为password 密码 号为checkbox 多选按钮 号为radio 单选钮 号为submit 提交按钮 号为reset 重设按钮 号为image 图形钮 号为hidden 隐藏栏位 栏位名称 name 若type为 submit 或 reset 则name不必设置 控件的预设值 value可以设定控件的默认值 设定栏位的宽度 size 限制最大输入字串的长度 maxlength预设checkbox或radio的初值 checked inputtype checkboxchecked inputtype radiochecked 指定图形的URL src inputtype imagesrc 图像名 52 下拉框控件语法格式 select option select 下拉框 Select 既可以用做单选 也可以用做复选 栏位名称 name selectname 栏位名 设定显示的选项数 size selectsize 个数 多重选项 multiple selectmultiple 定义选项的传回值 value optionvalue 传回值 预先选取的选项 selected optionselected 53 Radiocheckbox 单选框语法格式 使用单选框 让用户在