HTML基本元素
<hr>标签
在 HTML 页面中创建一条水平线。可以在视觉上将文档分隔成各个部分。
属性：
1.align：水平对齐方式，默认居中
2.width：水平线的长度，可取像素（px）和百分比（%）
3.size：水平线的高度
4.color：颜色
示例——使水平线在页面中间显示，它的宽度为页面的50%
<hr align="center" width="50%" />格式标签
<address></address> 地址
定义文档或文章的作者联系信息。定义在body内则表示文档联系信息。这个标签是带有语义的，也就是说我们看到a标签，并不能从直观意义上知道它是一个超链接，但是address，通过翻译，也能明白这是定义联系信息，这就是语义化的好处。它以斜体显示。
示例——定义一段联系信息
<body>
<address>
北京海淀区。西三旗桥东。神州科技园
</address>
</body>
<pre></pre>
被包围在 pre 元素中的文本通常会保留空格和换行符
示例——用pre定义有换行的文本
<body>
<pre>
春眠不觉晓，
处处闻啼鸟。
夜来风雨声，
花落知多少。
</pre>
</body>
文本格式化标签
块级元素和行内元素
1.块级元素独占一行，行内元素在同一行显示
2.块级元素默认宽度为100%，行内元素由内容撑开
3.块级元素可以设置宽高，行内元素不可以设置宽高
4.块级元素可以设置margin和padding和四个方向，行内元素只可以设置margin和padding和左右值，上下不起作用
5.块级元素默认的display为block，行内元素的display为inline
6.块级元素可以包含块级元素和行内元素，行内元素一般只包含行内元素和文本
7.常见的块级元素有h1-h6，p，div等，行内元素有a，em，b，i，u等
列表标签
1.在 html 页面中，合理的使用列表标签可以起到提纲和格式排序文件的作用
2.列表分为两类：一是无序列表，一是有序列表
无序列表
<ul>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
<ul><li>的属性type 拥有的选项
none 不显示
table标签常用属性
表格行的常用属性
表格是按行和列（单元格）组成的，一个表格有几行组成就要有几个行标签<tr>
表格列的常用属性
一个表格有几列组成就要有几个列标签<td>
Iframe（Inner Frame）内联框架
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。iframe是属于内联框架，它是body的子级，和body是父子关系。iframe作为一个普通元素放在body里
属性
①width 可设置内联框架的宽
②height 可设置内联框架的高
③name 设置框架名称
④src 设置页面的路径
⑤scrolling规定是否在 iframe 中显示滚动条（yes，no，auto）
⑥ frameborder规定是否显示框架周围的边框（1默认有边框,0）
Form 表 单
一个完整的表单包含三个基本组成部分：
表单标签、表单域、表单按钮。
1.表单标签
是指<form>标签本身，它是一个包含表单元素的区域，使用<form></form>定义
2.表单域
是<form>标签中用来收集用户输入的每一项，通常用input标签来定义，input标签有不同的类型，对应用户不同的数据。（比如：文本域、下拉列表、单选框、复选框等等）
3.表单按钮
用来提交<form>表单中的所有信息到服务器
*表单域和表单按钮都属于表单元素。
下拉框<select>标签
<select><option value="1">北京</option></select>
文本框
<input type="text" />
属性：
name:定义控件名称
value：指定控件初始值
密码框
<input type="password" />
属性：
name:定义控件名称
value：指定控件初始值
单选按钮
<input type="radio" />
属性：
name:定义控件名称
value：指定控件初始值
checked：设置控件初始状态是否被选中
性别：
<input type="radio" name="sex"/>男
<input type="radio" name="sex"/>女
复选框
<input type="checkbox" />
属性：
name:定义控件名称
value：指定控件初始值
checked：设置控件初始状态是否被选中
例如：爱好:
<input type="checkbox" checked/>游戏
<input type="checkbox"/>唱歌
<input type="checkbox"/>跳舞
文件
<input type="file"/>
属性：
name:定义控件名称
使用file类型的input时要注意以下几点
1.form表单的method属性值要为post
1.form要加enctype="multipart/form-data"属性，这个属性说明了我们的文件以二进制方式传输文件，因为我们计算机本身最底层都是以二进制来显示、传输。
默认地，表单数据会编码为 "application/x-www-form-urlencoded"，不能用于文件上传
<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="file1"/>
</form>
隐藏区域
<input type="hidden" />
属性：
name:定义控件名称
value：指定控件初始值
按钮
<input type="button" />
属性：
name:定义控件名称
value：指定控件初始值
提交按钮
<input type="submit" />
属性：
name:定义控件名称
value：指定按钮表面显示文字
重置按钮
<input type="reset" />
属性：
name:定义控件名称
value：指定按钮表面显示文字
图像图片按钮
<input type="image" src="URL"/>
属性：
name:定义控件名称
src：指定图像地址
按钮
<button>按钮</button>
属性:
type:button/submit/reset,默认值为submit
下拉列表框
select属性： <select>
name:此列表框的名字 <option></option>
multiple：多选，不用赋值 <option></option>
size :规定下拉列表中可见选项的数目(显示几行) </select>
disabled:规定禁用该下拉列表
option属性：
selected ：用来指定默认的选项
value： 用来给<option>指定的那一个选项赋值，这个值是要传送到服务器上的，服务器正是通过调用<select>区域的名字的value 属性来获得该区域选中的数据项的
<select name="" id="">
<optgroup label="北京">
<option value="1">东城区</option>
<option value="2">西城区</option>
<option value="3">海淀区</option>
</optgroup>
<optgroup label="河北省">
<option value="4">石家庄</option>
<option value="5">保定市</option>
<option value="6">沧州市</option>
</optgroup>
</select>
多行文本框
<textarea></textarea>
属性：
<textarea name="" id="" cols="30" rows="10"></textarea>
<label></label>
标签为 input 元素定义标注。
label是input的描述，它本身不会有特殊效果，但它和其它input标签使用可以提升用户的使用体验，用户不用非得点击到按钮，而是点击文字即可选中，如“记住密码”
<label for="pwd">记住密码</label>
<input type="checkbox" name="pwd" id="pwd" />
*通过label的for指向按钮的id来绑定，for和id属性的值要相同
<form>
<labllel for="male">Male</label>
<input type="radio" name="sex" id="male" />
</form>
<label>标签一般和radio、checkbox类型一起使用。
<fieldset>元素集
fieldset 元素可将表单内的相关元素分组，通常和legend标签一起用，legend标签定义了fieldset的提示信息，fieldset是块级元素。
<fieldset>
<legend>健康信息</legend>
身高：<input type="text" />
体重：<input type="text" />
</fieldset>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
