1. 表格
- 表格用来展示数据,可以让数据显示整齐规范
- 完整的表格有表格标签(table),行标签(tr),单元格标签(td)组成,没有列标签
- tr中只能嵌套td类的单元格
- td标签就像一个容器可以容纳所有元素
- 表格属性
//border 设置表格的边框(默认border="0" 无边框) 常用属性值 像素
//width 设置表格的宽度
//height 设置表格的高度
//align 设置表格在网页中的水平对齐方式---》 三个值:left center right
//cellspacing 设置单元格与单元格边框之间的空白距离
//cellpadding 设置单元格内容与单元格边框之间的空白距离
- 表头单元格标签
//th 一般是表格的第一行或者第一列,并且居中加粗显示
## 只需要把<th> </th>替换<td> </td>
- 表格标题标签caption
//定义表格标题,并且会被居中显示表格之上
//caption标签必需紧随table标签之后
//这个标签只存在表格中才有意义
- 合并单元格
//clospan 跨列合并;rowspan 跨行合并
//三步曲:1.先确定是跨行合并还是跨列合并;2.根据先上后下,先左后右的规则找到目标单元格,然后写上合并方式和数量-》<td>clospan="3"</td>;3.删除多余的单元格
- 表格的结构划分
//thead 题头
//tbody 正文
//tfoot 脚注
## 就是用相应的标签把原来的表格标签包住即可,注意:thead中必须要有tr行标签
2. 列表
- 用来布局,列表可以让页面布局整齐规范;容器中装载着结构,样式一致的文字或者图表的一种形式,组合自由度比表格更高
- 无序列表 ul应该是unorder list;li 应该是list
//<ul></ul>中只能嵌套<li></li>,输入其他标签或者文字是不被允许的
//<li>与</li>之间相当于容器,可以容纳所有元素
- 有序列表 ol应该是order list,使用的相对较少
//用法跟无序列表一样,但是会有数字排序
- 自定义列表
//对术语或者名词进行解释和描述
## 格式如下:
<dl>
<dt>名词</dt>
<dd>解释1</dd>
<dd>解释2</dd>
</dl>
3. 表单:表单用来收集用户信息
- 表单控件
//input控件,单标签,
- type属性 有text(文本)、password(密码不会直接显示)、radio(单选按钮)、checkbox(复选多选按钮)等
## 单选和复选是通过相同的name
## checked(默认选中按钮)常用语单选或者复选按钮 checked="checked"
## button 普通按钮,需要设置value值
## submit提交按钮,可以不用设置value值
## reset 重置按钮
## image 必须有src属性
## file 文件域,上传文件用的
- value属性 value="文字内容",是input框中的提示信息
- name属性,是表单的名字,作用就是区别不同的表单,方便后台查找
-
-
When nothing seems to help, I go look at a stonecutter hammering away at his rock, perhaps a hundred times without as much as a crack showing in it. Yet at the hundred and first blow it will split in two, and I know it was not that blow that did it, but all that had gone before. -- Jacob Riis