2.1HTML网页之table标签A

2.1HTML网页之table标签A 【2.1HTML网页之table标签A】描述:表格标签
1.格式如下


? 解析: table标签,告诉浏览器,以表格的形式进行解析并显示
? tr — 行
? td — 列
? 注意:td 要写在tr内部 不要和tr平行
? 快速生成一个N行N列的表格 作用:提高开发效率 Eclipse当中也能识别
? table>tr4>td5 Tab
? 问题:
? 1.如果表格没有设置边框 border 那么浏览器无法正常显示
? 为table表格添加边框 border = 1px
? 2.每一行每一列,都是默认的宽和高
? 设置表格的宽和高 width height
3.对于第一行的每一列设置了宽度 那么剩余的列会自动扩展
4.发现对于重复代码,我们需要重复的利用,减少代码量
CSS样式 — 1.标签选择器 2.类选择器
首先在head标签内,写一个 标签
表格标签 type="text/css"> /*标签选择器: 1 针对该网页所有的指定的标签样式进行更改*/ tr{ /*height="100px"*/ height:100px ; } /*类选择器*/ .t1{ width: 100px; text-align: center; }
1 2 3 4 5
6 7 8 9 10
11 12 13 14 15
16 17 18 19 20

    推荐阅读