web期末速成笔记(1)

根据知识重点，由我亲自总结而成。如有错误，欢迎各位指正！
根据，廖老师所画重点，并非全部知识点，只是考到概率更大！！！

表格（table）

1、
包含多个tr、th、td、

tr----代表表格中的行，一个对称的tr标签代表有一行
th—标题单元格
td—数据单元格
caption----表格标题

2、

表格样式

bgcolor----表格背景颜色
background------表格背景图片
valign--------设置行内单元格中文本的垂直对齐方式，属性取值可以为top、middle、bottom
frame-----**重点！！！！**外边框可见

rules------内边框可见

水平合并单元格-----colspan

 <th colspan="4">签到</th> 在th\td中使用
 
 ***合并了四个单元格***！！！！！！

垂直合并单元格-----rowspan

为什么垂直合并用row,row明明是行的意思，以为水平合并的行所以用row表示！

分组元素

ul-----无序列表
ol-----有序列表

2、格式

<ul>
   <li>数据元素</li>
   <li>数据元素</li>
</ul>   

3、ol、ul中必会属性
type----定义排序规则

ul:

<ul>
     <li type=disk>第一项 实心圆</li>
     <li type=circle>第二项 圆</li>
     <li type=square>第三项 实心正方形</li>
  </ul>

ol

取值为1表示按数字排序， 取值为A表示按大写英文字母排序， 取值为a表示按小写英文字母排序，取值为I表示按大写罗马数字排序，取值为i表示按小写罗马数字排序，默认按数字排序。属性start 设置列表符号初值，取值可以是1、2、3 …,

4、H5新添加的元素

aside—装载非正文的内容，可以被删除！！！！

• footer（页脚）于=与header元素，均可多次使用！！

• section—定义文章中的节

• value（交互元素）表示进度条 value为当前值 max最大值
  都必须大于0！！！！

• meter元素：在网页中显示度量条
  包含属性：

• time—设定时间 机器可读

• hidden元素的设定

<p hodden="hidden>wsd</p>

web表单

1. input框
   主要属性有type，根据type不同属性有密码框，邮件框等。格式：

<input type="具体名称"></input>

常用type类型：
email—邮件
search----搜索关键字
number-----数字输入
color----颜色选择器
date----显示年月日，不显示时间
datetime-----显示年月日时间（包含时区）
datetime-locaal-------显示年月日时间（不含时区）

其他属性：

<input type="text" placeholder="输入框提示占位"></input>

requier--------bollen值，true表示该输入框必填
pattern---------用正则表达式判断输入内容是否合法

其他属性二：
list----下拉选框

<input type="text" list="list" />
 <datalist id="list">
    <option value="1" lable="1"></option>
    <option value="2" lable="2"></option>
 </datalist>   

我是谁？
二仙桥交通专员
成华大道常驻山西代表
松果弹抖三维立体混元劲白带大师
陈e大学城分e
逃课十级专家
欢迎关注我的公众号
让我们一起讨论学习、讨论人生
在这里还有更多资源等着你
欢迎在线对话！