html使用定义列表制作易趣商品列表页面,TP02 列表、表格、框架.ppt

被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 * 讲解要点： 表格就是将页面中的内容按照指定的格式罗列显示出来，目的是让页面美观，内容整齐 讲解要点： 讲解要点： 讲解要点： 讲解要点： 讲解要点： * 因此，在页面局部布局中，形成了4种常用的块状结构： (1)div-ul(ol)-li：常用于分类导航或菜单等场合； (2)div-dl-dt-dd：常用于图文混编场合； (3)table-tr-td：常用于图文布局或显示数据的场合； (4)form-table-tr-td：常用于布局表单的场合； 2.学会按上面4种块结构来组织和规划页面的结构，是盒模型实现的关键，后续将进行详细讲解和深入学习。 表格的基本语法

单元格内容

移动	联通	铁通
IBM	惠普	华硕

查看源代码 什么是跨行跨列的表格 跨3列 跨3行 下图中的表格哪里用了跨行？哪里用了跨列？ 跨了几行几列? 跨多列的表格

学生成绩表
英语	数学	语文
95	98	89

COLSPAN=“n” 属性表示跨多少列？ 查看源代码 跨多行的表格

早上菜谱	食物	鸡蛋
饮料	牛奶
甜点	开心粉

rowspan =“n” 属性表示跨多少行？ 查看源代码

手机充值、IP卡	办公设备、文具
各种卡的总汇	铅笔	彩笔
	打印	刻录

如何创建跨行跨列的表格 查看源代码 小结1 编写如下图所示效果对应的html代码 第一行第一个格子跨了2行 此格子跨了3列 什么是表格的美化修饰 背景图片 背景色 表格的高度 表格的宽度 文字对 齐方式 根据理解,下面表格应该从哪些方面进行美化修饰？ 如何设置表格的尺寸和边框

品牌商城
笔记本电脑		办公设备、文具、耗材
惠普	华硕	打印机	刻录盘

width用来设置表格的宽度 height用来设置表格的高度 border用来设置表格边框尺寸大小 bordercolor用来设置表格边框颜色 查看源代码 如何设置背景