资源描述
本章(bn zhn)目标了解表格(biog)的结构掌握表格(biog)相关的标签掌握单元格合并了解列表的分类掌握列表及列表项目的标签第1页/共17页第一页,共18页。表格(biog)第2页/共17页第二页,共18页。表格(biog)的结构 一个完整(wnzhng)的表格从标签开始,结束于。 要表示表格的一行,应在内部提供。 要表示某一行中的一个单元格,则应在内部提供。 表格中的具体数据被包含在每个单元格中。 第3页/共17页第三页,共18页。表格(biog)的结构排名歌曲歌手1灰色的彩虹(cihng)范玮琪2非常完美张韶涵 第4页/共17页第四页,共18页。表格(biog)的属性 属性意义border设置表格边框的宽度,默认无边框。width设置表格的宽度,可用px像素单位,或%百分比。cellspacing设置表格中相邻单元格之间的距离。cellpadding设置表格中每个单元格的内容与单元格边界的距离。第5页/共17页第五页,共18页。表格(biog)的属性 第6页/共17页第六页,共18页。表格(biog)标题和标题单元格 可以在标签内第一行之前编写标签,创建表格的标题,以描述整个表格的作用或意义。 使用标题单元格标签代替普通数据单元格标签,这些特殊的单元格一般要求突出(t ch)显示。通常,表格第一行的一系列单元格应视为列标题,而表格第一列的一系列单元格应视为行标题。 第7页/共17页第七页,共18页。表格(biog)标题和标题单元格XX公司八月份工资表姓名基本工资( j bn n z)岗位工资补贴应发工资苏宏伟100020002003200 第8页/共17页第八页,共18页。单元格合并(hbng) 实现一些复杂的表格结构时,可能需要将相邻的几个( j )单元格合并成为一个。 使用或标签的colsapn及rowspan属性可以设置单元格合并。 第9页/共17页第九页,共18页。单元格合并(hbng)XX公司八月份工资表部门姓名工资补贴(bti)应发工资研发部苏宏伟100020002001003300 第10页/共17页第十页,共18页。单元格的属性(shxng) 属性意义colspan单元格跨列合并后,占据的列数。rowspan单元格跨行合并后,占据的行数。align单元格内部的内容的水平对齐方式,值可为left , center , right , justify,在标签内此属性默认为left,在标签内默认为center。valign单元格内部的内容的垂直对齐方式,值可为top , middle , bottom , baseline,默认为middle。第11页/共17页第十一页,共18页。单元格对齐(du q)方式单元格单元格单元格单元格第12页/共17页第十二页,共18页。列表(li bio) 一组逻辑上相关而且级别相同的段落,用于描述一个事物的不同方面或一件事情的几个步骤。使用列表来组织这些项目(xingm),可以使网页的结构更加清晰。 有序列表 无序列表 第13页/共17页第十三页,共18页。有序列表 使用可以创建有序列表,它包含(bohn)的列表项目使用创建。XX公司三亚之旅第一天行程07:00 之前在新大新广场前集合07:15 乘坐机场大巴前往黄花机场08:30 集体办理登机手续09:15 乘机飞往三亚11:00 抵达三亚机场11:30 由地接大巴送到旅社12:30 集体吃海鲜自助餐下午自由(zyu)活动 第14页/共17页第十四页,共18页。无序(w x)列表 使用可以创建无序列表(li bio),它包含的列表(li bio)项目使用创建。 海鲜自助餐重点推荐(tujin)口味大肉蟹盐焗濑尿虾蒜蓉清蒸小鲍辣椒炒海瓜子哈贝冬瓜汤第15页/共17页第十五页,共18页。总结(zngji)使用标签可以创建表格。使用标签可以为表格创建行。使用标签可以为表格的行创建数据单元格。使用标签可以为表格的首行或首列创建标题单元格。表格的数据放置在单元格标签中。使用标签可以为表格创建标题。使用colspan属性或rowspan属性可以实现(shxin)相邻单元格的合并。使用标签创建有序列表,使用标签创建无序列表。使用标签可以为列表创建列表项目。第16页/共17页第十六页,共18页。感谢您的观看(gunkn)!第17页/共17页第十七页,共18页。NoImage内容(nirng)总结本章目标。使用可以创建有序列表,它包含的列表项目使用创建。08:30 集体(jt)办理登机手续。11:00 抵达三亚机场。11:30 由地接大巴送到旅社。12:30 集体(jt)吃海鲜自助餐。使用可以创建无序列表,它包含的列表项目使用创建。蒜蓉清蒸小鲍第十八页,共18页。
展开阅读全文