4.12 其它标签
4.12.1 <strong>和<em>标签 (了解)
- 两者在强调的语气上有区别: 表示强调， 表示更强烈的强调。并且在浏览器中 默认用 斜体 表示， 用 粗体 表示。
4.12.2 <span>标签
- 标签是是内联元素，没有语义的，它的作用就是为了设置单独的样式用的。有了它就可以对某段文字里的几个字单独设置样式了。
<span style="background-color: red">span测试</span>
4.12.3 <font>标签
font 标签是字体标签，它可以简单的修改文本样式效果。但现在已经不建议使用了。
<font face="宋体" color="red" size="7" >我是字体标签</font>
4.12.4 分割线标签
<hr /> 标签在 HTML 页面中创建水平分割线。用于分割内容、文章的小节。
补充说明：
**块级元素：**各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。width、height、padding、margin有效。
**内联元素：**在一条直线上排列，都是同一行的，水平方向排列。设置width、height、padding、margin无效。
第5章 HTML中的表格
5.1 HTML中的表格
<!-- 用table标签来创建表格--> <!-- border用来设置表格的边线--> <table border="1"> <!-- tr表示每一行 --> <tr> <!-- th表示标题 --> <th></th> <th></th> <th></th> </tr> <tr> <!-- td表示每一行的一个单元格 --> <td></td> <td></td> <td></td> <!-- 跨行合并单元格用 rowspan 属性 --> <td rowspan="2"></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <!-- 跨列合并单元格用 colspan 属性 --> <td colspan="2"></td> </tr> </table>
其中：
<table>标记这是一个表格
<tr>表示表格的一行
<td>表示表格的一列
跨列合并单元格用 colspan 属性
跨行合并单元格用 rowspan 属性
常用属性
border ：设置表格边框
width：设置表格的宽度，单位px
height：设置表格的高度，单位px
align：设置表格的对齐方式
举例：
第6章 HTML中的表单
6.1 生活中的表单
表单类似生活中的单据，票据，申请表之类的东西，生活中我们经常会填写很多表单，比如入职申请表，入学登记表，员工信息表等。
6.2 表单中的常用标签
1. 表单标签
<form action="这里指定需要提交的位置" method="提交的方式"> </form>
action表示表单填写完成要提交给的地方。就像我们把入职申请表填写完成后要交给部门经理一样。
提交的方式分为：get 或 post
get：是将所有的提交的数据显示在地址栏，长度会有一些限制
post：将要提交的数据放在请求体中，在url表单里面没有任何数据
所有可能的属性声明如下：
2. 文本输入框
<input type="text" name="username"/>
3. 密码输入框
<input type="password" name="pwd"/>
4. 单选框
<!-- 单选框： 1.要保证单选按钮单选，必须将它们分为一组，即将它们的name属性值设置为同一个值 2.单选按钮提交的是value属性值，所以必须设置value属性值 3.通过属性checked="checked"设置默认被选中 --> 性别：<input type="radio" name="gender" value="man">男 <input type="radio" name="gender" value="woman" checked="checked">女<br>
5. 复选框
<!-- 复选框： 1.必须将所用的复选框分为一组，即将它们的name属性值设置为同一个值 2.复选框提交的也是value属性值，所以必须设置value属性值 3.通过属性checked="checked"设置默认被选中 --> 你的爱好： <input type="checkbox" name="hobby" value="basketball" checked="checked">篮球 <input type="checkbox" name="hobby" value="football">足球 <input type="checkbox" name="hobby" value="pingpang">乒乓球<br>
6. 下拉列表
<select name="nation"> <option value="china">中国</option> <option value="america">美国</option> <option value="russia">俄罗斯</option> <!-- 通过属性selected="selected"设置默认被选中 --> <option selected="selected">日本</option> <option value="india">印度</option> <option value="europe">欧盟</option> <!-- 如果option中没有指定value属性值，提交的是option中的文本值 如果option中指定了value属性值，提交的是value属性值 --> </select>
7. 重置按钮
<input type="reset" value="按钮上显示的文字">
8. 提交按钮
<input type="submit" value="按钮上的文字">
第7章 补充：标签的常用属性
7.1 常规属性
- id：标签的唯一编号，识别码
一个文档中所有的元素id不应该有重复，id属性可以不设置
class : 标签的分类，用来识别一组标签。
我们可以指定任意几个标签为一组（兴趣小组），也就是多个标签class值可以相同，标签的人工分类制度。
name：标签的名字
这和标签名（TagName）不一样，每个标签的关键字是标签名，而name相当于起别名，多个标签的别名也可以相同
style：标签的风格
用来指定标签的样式，如背景颜色，边框等。我们css中会统一学习
7.2 事件属性
**事件：**简单的说，是指我们点击、选中、鼠标划过等一些用户操作。
我们的标签也会被用户操作，比如鼠标经过，按钮被点击。这些事件也是作为标签属性的一部分。就像我们现实中实验室化学品上的标签一样，会被修改，撕掉，时间长了风干，褪色，字体模糊等。
标签常见的事件属性有：
onblur:失去焦点
onclick:鼠标点击
onbdclick:双击
onmouseover:鼠标移动到元素上
还有很多事件，具体可以查看W3School文档中关于【html事件属性】的部分。**这些事件属性是我们学习js的时候要详细介绍的。**主要功能就是这个事件触发后执行什么功能。
作业：
1.创建首页index.html，在首页中创建两个超链接我要登录和我要注册
2.创建pages目录，里面放置登录、注册、登录成功、注册成功页面；且每个页面中设置一个回首页的超链接
3.使用JavaScript为登录注册
4.设计如下的表格
