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

1、1学习目标n掌握使用html制作列表n掌握使用框架实现多窗口n掌握使用表格对网页布局2有序列表n使用html制作列表n有序列表n 1):格式:n n n nn 2):编号属性n type :列表条目类型,值为 1/A/a/i/In start:列表条目起始值3无序列表u无序列表u 1):格式:u u u u u 2):编号属性u type :列表条目类型,值为:u square:方形udisc :实心圆ucircle:空心圆4定义列表u定义列表u 1):格式:u u u .u u u 2):格式说明:u dl:定义列表标记u dt:用以标志定义条目u dd:用以标志定义内容5框架n什么是框架n

2、将网页分成多个窗口,每个窗口由单独的网页进行控制,可以实现例如导航,聊天室等效果.n基本语法n n n n n 阐明:n 1):采用框架技术控制网页窗口划分的网页不需要标签，两者标签对等n 2):cols、 rows是使窗口纵向、横向排列。有几个框架就在其后接几个数字，并分别写出该框架的行高为多少。当然也可写百分比来表示框架所占比例另外，还可以用“*”设定,代表省略的某个数值）6框架n使用框架n纵向排列多个窗口n 7框架u横向排列窗口8 框架属性n框架frame属性nnoresizen 默认情况下允许改变各窗口大小,可以使用此属性不允许改变窗口大小nframebordern 可以使用0或者1来

3、控制是否显示边框,0表示无边框nframespacingn 可以使用framespacing来控制框架之间的距离nscrollingn 可以使用scrolling属性来控制是否需要显示滚动条, yes表示一定显示滚动条,no表示一定不显示滚动条,auto表示自动根据实际情况来决定是否显示滚动条nmarginheight,marginwidthn可以使用marginheight,marginwidth来控制页面与框架间的距离9窗口打开位置n窗口打开位置n框架是将网页分成了多个窗口,所以新打开的链接窗口可以控制其打开位置ntarget属性n 在新窗口打开n 在当前窗口打开 在父窗口打开n 在整个浏

4、览器窗口打开n 在指定名称的框架中打开n参见反示例：框架返回10浮动框架n什么是浮动框架n 浮动框架是在网页中插入一个框架来显示另一个网页,该标记可放置在网页中任意位置n基本语法n n 阐明:name属性为框架名称,主要作为此框架的标志n 11noframesn一般放在卷标中，表示其中间部分不用框架显示。n当浏览器不支持框架结构时，可以用来在其中间插上body卷标所需显示的内容，方便用户使用。n相当于框架结构中的不显示信息。nnnnnnn文档主体内容nnn12表格的基本结构n标记的含义n 定义表格n.定义标题显示在表格外,唯一有效，放在中任意位置均可n. 定义表行n. 定义表头显示在表格内，等

5、价于粗体显示中内容，可多项n. 定义列(表格的具体内容)13表格的标题n标题的标记n设置标题及水平对齐属性,由caption属性控制n语法n . 14表格的属性设置n表格的对齐：align=left,center,right设置表格的位置n表格大小：width=象素值或百分比height=象素值或百分比n表格的边框属性：border=象素值n表格边框颜色：bordercolor=颜色n表格格间线宽间距）：cellspacing=象素值n表格内容与格线距离填充）：cellpadding=象素值n背景颜色：bgcolor=颜色n背景图片：background=图片路径n格内文字的对齐：n水平对齐alignn垂直对齐valign=top,middle,bottom不能用在中，可以用在 、 中 ）15跨多行、多列的表格(1/2)n单元格跨越多列：n colspan=列数n 16跨多行、多列的表格(2/2)n单元格跨越多行：n rowspan=行数n 17合并单元格示例(1/3)nnabnabnabnn效果图：a b a b a b 18合并单元格示例(2/3)nnanabnabnn效果图：a a b a