网页制作2html列表、表格和框架.ppt

学习目标,掌握使用html制作列表 掌握使用框架实现多窗口 掌握使用表格对网页布局,有序列表,使用html制作列表 有序列表 1):格式: 2):编号属性 type :列表条目类型,值为 1/A/a/i/I start:列表条目起始值,无序列表,无序列表 1):格式: 2):编号属性 type :列表条目类型,值为: square:方形 disc :实心圆 circle:空心圆,定义列表,定义列表 1):格式: 2):格式说明: dl:定义列表标记 dt:用以标志定义条目 dd:用以标志定义内容,框架,什么是框架 将网页分成多个窗口,每个窗口由单独的网页进行控制,可以实现例如导航,聊天室等效果. 基本语法 说明: 1):采用框架技术控制网页窗口划分的网页不需要标签，两者标签对等 2):cols、 rows是使窗口纵向、横向排列。有几个框架就在其后接几个数字，并分别写出该框架的行高为多少。当然也可写百分比来表示框架所占比例（另外，还可以用“*”设定,代表省略的某个数值）,框架,使用框架 纵向排列多个窗口,框架,横向排列窗口,框架属性,框架frame属性 noresize 默认情况下允许改变各窗口大小,可以使用此属性不允许改变窗口大小 frameborder 可以使用0或者1来控制是否显示边框,0表示无边框 framespacing 可以使用framespacing来控制框架之间的距离 scrolling 可以使用scrolling属性来控制是否需要显示滚动条, yes表示一定显示滚动条,no表示一定不显示滚动条,auto表示自动根据实际情况来决定是否显示滚动条 marginheight,marginwidth 可以使用marginheight,marginwidth来控制页面与框架间的距离,窗口打开位置,窗口打开位置 框架是将网页分成了多个窗口,所以新打开的链接窗口可以控制其打开位置 target属性 在新窗口打开 在当前窗口打开 在父窗口打开 在整个浏览器窗口打开 在指定名称的框架中打开 参见反示例：框架返回,浮动框架,什么是浮动框架 浮动框架是在网页中插入一个框架来显示另一个网页,该标记可放置在网页中任意位置 基本语法 说明:name属性为框架名称,主要作为此框架的标志,noframes,一般放在卷标中，表示其中间部分不用框架显示。 当浏览器不支持框架结构时，可以用来在其中间插上body卷标所需显示的内容，方便用户使用。 相当于框架结构中的不显示信息。, 文档主体内容 ,表格的基本结构,标记的含义 定义表格 .定义标题显示在表格外,唯一有效，放在中任意位置均可 . 定义表行 . 定义表头显示在表格内，等价于粗体显示中内容，可多项 . 定义列(表格的具体内容),表格的标题,标题的标记 设置标题及水平对齐属性,由caption属性控制 语法 . ,表格的属性设置,表格的对齐：align=left,center,right设置表格的位置 表格大小：width=象素值或百分比height=象素值或百分比 表格的边框属性：border=象素值 表格边框颜色：bordercolor=颜色 表格格间线宽（间距）：cellspacing=象素值 表格内容与格线距离（填充）：cellpadding=象素值 背景颜色：bgcolor=颜色 背景图片：background=图片路径 格内文字的对齐： 水平对齐align 垂直对齐valign=top,middle,bottom（不能用在中，可以用在 、 中 ）,跨多行、多列的表格(1/2),单元格跨越多列： colspan=列数 ,跨多行、多列的表格(2/2),单元格跨越多行： rowspan=行数 ,合并单元格示例(1/3), ab ab ab 效果图：,合并单元格示例(2/3), a ab ab 效果图：,合并单元格示例(3/3), a ab b 效果图：,总结,掌握使用html制作列表 掌握使用框架实现多窗口 掌握使用表格对网页布局,练习及提问时间,