列表制作易趣商品列表页面,TP02 列表、表格、框架.ppt"/>
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种块结构来组织和规划页面的结构,是盒模型实现的关键,后续将进行详细讲解和深入学习。 表格的基本语法
查看源代码 什么是跨行跨列的表格 跨3列 跨3行 下图中的表格哪里用了跨行?哪里用了跨列? 跨了几行几列? 跨多列的表格
COLSPAN=“n” 属性表示跨多少列? 查看源代码 跨多行的表格
rowspan =“n” 属性表示跨多少行? 查看源代码
手机充值、IP卡 | 办公设备、文具 |
各种卡的总汇 | 铅笔 | 彩笔 |
打印 | 刻录 |
如何创建跨行跨列的表格 查看源代码 小结1 编写如下图所示效果对应的html代码 第一行第一个格子跨了2行 此格子跨了3列 什么是表格的美化修饰 背景图片 背景色 表格的高度 表格的宽度 文字对 齐方式 根据理解,下面表格应该从哪些方面进行美化修饰? 如何设置表格的尺寸和边框
品牌商城 |
笔记本电脑 | 办公设备、文具、耗材 |
惠普 | 华硕 | 打印机 | 刻录盘 |
width用来设置表格的宽度 height用来设置表格的高度 border用来设置表格边框尺寸大小 bordercolor用来设置表格边框颜色 查看源代码 如何设置背景
发布评论