html部分笔记
ol li 表示有序列表
如：<ol>
<li>这是一个有序列表</li>
</ol>
dl dt dd表示自定义列表
如：<dl>
<dt>每个自定义列表项以dt开始</dt>
<dd>每个自定义列表项的描述以dd开始</dd>
</dl>
iframe 用来规定一个内联框架，一个内联框架被用来在当前HTML文档中嵌入另一个文档
提示：你可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对不支持 <iframe> 的浏览器（一些旧的浏览器不支持iframe）
<iframe src="http://www.baidu.com" width="100px" height="100px">这里可以放入文本</iframe>
定义<iframe> 标签是否显示边框
frameborder 属性用于定义 <iframe> 是否显示边框。
frameborder 属性默认值为“1”，表示开启边框。设置 frameborder 属性值为 "0" ，则表示移除 <iframe> 的边框
如：<iframe src="http://www.baidu.com" width="100px" height="100px" frameborder="1">
HTML5 不支持 <iframe> frameborder 属性，请使用 CSS 设置样式代替。
HTML 脚本标签
<script> 定义了客户端脚本
<noscript> 定义了不支持脚本浏览器输出的文本
常见的HTML实体列表
提示：虽然 HTML 不区分大小写，但实体名称对大小写敏感。
HTML 表格
HTML 表格由 <table> 标签来定义
一个 HTML 表格包括 <table> 元素，一个或多个 <tr>、<th> 以及 <td> 元素。
<tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元。
例如<table border="1" cellspacing="0" cellpadding="0">
<tr><th>姓名</th><th>手机号</th></tr>
<tr><td>邱彦兮</td><td>18888628835</td></tr>
</table>
border-collapse: collapse 可以使表格属性变更细
HTML <form> 标签 收集用户的数据
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容，比如：文本域(textarea)、下拉列表、单选框、复选框等等
使用方法：
<form action="" method=>
表单项 input select label textarea
</form>
form相关属性：
action:表单提交的地址
methon：表单发送的方式
get 显式 把数据放在浏览器地址栏 发送过去 可以在浏览器地址栏看到发送的内容
post 隐式提交不可见
涉及到数据库修改的用post 查询用get
name属性：通用属性，可以加在任何标签上
文本：input type="text"
密码：input type="password"
普通按钮：input type="button" value：登录
提交按钮：input type="submit" value：登录
单选按钮：input type="radio" name=相同才可以
复选按钮：input type="checkbox"
上传文件：input type='file'
下拉列表 select option 合用，类似于ul li
文本域：textarea 我们可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小。
cols 属性规定了文本区域内可见的宽度，rows属性规定了文本区域内可见的高度（以行数计）
placeholder 占位符 <input type="text" placeholder="this is placeholder text">
对于表单，你可以指定某些选项为required（必填项），只有当用户填写了该选项后，用户才能够提交表单。例如，如果你想要一个文本输入框设置为必填项，你可以在 input 元素中加上 required 属性，你可以使用： <input type="text" required>
HTML <label> 标签： <label> 标签定义了 <input> 元素的标签，一般为输入标题。
<label> 标签的 for 属性应当与相关元素的 id 属性相同
作用：扩大选区
代码：<form action="" method="">
<label for="sex">
男：<input id="sex" type="radio" name="sex" id="" value="" />
</label>
<label>
女：<input type="radio" name="sex" id="" value="" />
</label>
</form>
HTML <button> 标签
<button> type 属性值有：
submit：该按钮是提交按钮（除了 IE 浏览器，该值是其他浏览器的默认值）。
button：该按钮是可点击的按钮（IE 浏览器的默认值）。
reset：该按钮是重置按钮（清除表单数据）
HTML <fieldset> 和 <legend> 标签
<fieldset> 标签定义了一组相关的表单元素，并使用外框包含起来。
<legend> 标签定义了 <fieldset> 元素的标题。
代码如下：
<form action="http://www.baidu.com" method="">
<fieldset id="">
<legend>标题</legend>
<label for="sex">
男：<input id="sex" type="radio" name="sex" id="" value="" />
</label>
<label>
女：<input type="radio" name="sex" id="" value="" />
<button type="submit">我是一个可发送数据的按钮</button>
<button type="button">我是一个按钮</button>
<button type=" reset">我可以重置表单</button>
</label>
</fieldset>
</form>
CSS 覆盖：
!important >内联样式（style）>id>class
如下图：
CSS覆盖顺序
*{} 星号选择器
表示所有的元素样式
清除浮动的方法
清除浮动方法
margin无效的解决方法
外层盒子加边框：
border：solid 1px transparent（透明）
