html网页布局PPT课件_第1页
html网页布局PPT课件_第2页
html网页布局PPT课件_第3页
html网页布局PPT课件_第4页
html网页布局PPT课件_第5页
已阅读5页,还剩18页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

.,1,HTML网页布局,主讲:温海宁,.,2,表格应用场合论坛门户网站购物网站,论坛中应用表格,门户网站应用表格,购物网站应用表格,为什么使用表格,.,3,行,列,单元格,在HTML文档中,广泛使用表格来存放网页上的文本和图像,表格的基本结构,.,4,表格的基本语法,单元格内容,border用来设置表格边框尺寸大小,.,5,如何创建表格,移动联通铁通IBM惠普华硕,.,6,跨3列,跨3行,下图中的表格哪里用了跨行?哪里用了跨列?跨了几行几列?,什么是跨行跨列的表格,.,7,跨多列的表格,学生成绩表英语数学语文959889,COLSPAN=“n”属性表示跨多少列?,.,8,跨多行的表格,早上菜谱食物鸡蛋饮料牛奶甜点开心粉,rowspan=“n”属性表示跨多少行?,.,9,如何创建跨行跨列的表格,手机充值、IP卡办公设备、文具各种卡的总汇铅笔彩笔打印刻录,.,10,小结1,编写如下图所示效果对应的html代码,第一行第一个格子跨了2行,此格子跨了3列,.,11,根据理解,下面表格应该从哪些方面进行美化修饰?,什么是表格的美化修饰,.,12,如何设置表格的尺寸和边框,品牌商城笔记本电脑办公设备、文具、耗材惠普华硕打印机刻录盘,width用来设置表格的宽度height用来设置表格的高度,border用来设置表格边框尺寸大小,bordercolor用来设置表格边框颜色,.,13,如何设置背景,笔记本电脑办公设备、文具、耗材,background属性用来设置表格的背景图片,bgcolor属性用来设置表格、行、列的背景色。“#EBEFFF”是用RGB表示的一种颜色值,RGB指的是红绿蓝,下图就是RGB颜色对照表。,.,14,如何设置对其方式,笔记本电脑办公设备、文具、耗材惠普华硕打印机刻录盘,align属性用来设置表格、行、列的对齐方式,.,15,为什么要使用填充属性,单元格里的内容太靠近边线,怎么办?,未填充的效果,字与单元格边框之间的距离靠得太近,.,16,什么是填充属性和间距属性,border(边框的厚度),cellpadding(单元格填充),cellspacing(单元格间距),.,17,如何使用填充、间距属性,border(边框的厚度),cellpadding(单元格填充),cellspacing(单元格间距),.,18,如何使用表格进行布局,使用表格布局下图,需要几行几列?,.,19,如何使用表格进行布局,超值变形金钢2.5折!人们为啥对电视吼叫,.,20,.,21,

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论