使用<from>创建表单

<form method="post" action="save.php">

    <label for="username">用户名</label>

    <input type="text" name="username" id="username" value="" />

    <label for="pass">密码</label>

    <input type="password" name="确定" name="subimt" />

    <input type="reset" value="重置 name="reset" />

  </form>

<label>标签的作用是为了使得点击label中文字的时候，浏览器会自动把焦点转到相应的input上，比较方便，跟直接点击input一样。label for后面一般跟的是input 标签里的id。 如：
<label for="username">用户名</label> <input type="text" id="username"  这里如果我label for后面没有跟这个username, 那它和input就无法连接起来。input代表的是一个控件。 而确定和重置不用是因为你不用输入文本，只需要向服务器提交这样一个信息，所以只需要一个控件input。如<input type="submit" value="提交"/>这里面input type 的值是定义了这个控件的功能是提交。 而value的值就是你在前端也就是网页上面看到的的名字。

重置按钮：

<input type="reset" value="重置">

提交按钮：

<input type="submit" value="提交">

使用select、option标签创建下拉菜单

下拉菜单在网页中也常会用到，它可以有效节省网页空间。即可以单选，又可以多选，如下代码

1、select和option标签都是双标签，它总是成对出现。

2、select标签里面只能放option标签，表示下拉列表选项

3、option标签放选项内容，不放置其他标签。

4、value：

  <option value="提交值"> 选项</option>

"提交值"：像服务提交的值     选项：显示的值

5、select="select""

设置select=“select”属性，则该选项就会被默认选中。

type="radio"时，控件为单选框

type =“checkbox”时，控制为复选框

value：提交数据到服务器的值

name:为控制命名，以备后台程序asp，php使用

checked：当设置checked=“checked”时，该选项会被默认选中

层模型有三种形式：

1、绝对定位(position: absolute)

2、相对定位(position: relative)

3、固定定位(position: fixed)

CSS3包含3种基本的布局模型，用英文概括为：Flow、Layer 和 Float。
在网页中，元素有三种布局模型：
1、流动模型（Flow）
2、浮动模型 (Float)
3、层模型（Layer）

浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式

选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

创建表格的四个元素：table、tr、th、td

1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。

3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

4、<th>…</th>：表格的头部的一个单元格，表格表头。

5、表格中列的个数，取决于一行中数据单元格的个数。

6、border属性可以为表格添加边框，属性值为数字。

注意：

1、table标签用来定义整个表格，为双标签，必须有结束标签。

2、table标签里面可以放caption标签和tr标签。

3、caption标签用来定义表格的标题。

4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。

5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

6、td同来设置表格的列，一组td标签代表一列。

7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

1、text-decoration可以设置添加到文本的修饰。

2、text-decoration默认值为none, 定义标准的文本。

3、text-decoration的值为underline为定义文本下的一条线。

4、text-decoration的值为overline为定义文本上的一条线。

5、text-decoration的值为line-through为定义穿过文本下的一条线，一般用于商品折扣价。

例子