第二部分（常用标签）
标题标签（h）
标题文本
标题文本
标题文本
标题文本
标题文本
标题文本
显示效果：
知识点：标题的文字会变的加粗，字号也会依次变大
段落标签（p）
文本内容
也就是文章的每一个段落
默认情况下，文本在一个段落中会根据浏览器窗口的大小自动换行。
水平线标签(hr)
是单标签在网页中显示默认样式的水平线。
换行标签(br)
在HTML中，一个段落中的文字会从左到右依次排列，直到浏览器窗口的右端，然后自动换行。如果希望某段文本强制换行显示，就需要使用换行标签。直接敲回车是不起作用的。
div 和 span标签
div 和 span 是没有语义的，是我们网页布局主要的2个盒子
区别：
div标签 用来布局的，但是现在一行只能放一个div
span标签 用来布局的，一行上可以放好多个span
文本格式化标签
和 ##加粗和 ##斜体b 只是加粗 strong 除了可以加粗还有 强调的意思，语义更强烈。
剩下的同理…
图像标签(img)
图像标签必须要写的一个属性：src
图像标签alt和title的区别：alt指图片加载不出来时显示的文字；title则是鼠标放上去后提示的文本
链接标签（a）
属性 | 作用 |
|---|---|
href | 用于指定链接目标的url地址（必须属性），可以是外部链接（需要加 https://baidu.com）。当为标签应用href属性时，它就具有了超链接的功能 |
target | 用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。 |
表格 (table)
... ...单元格内的文字
table用于定义一个表格标签。
tr标签 用于定义表格中的行，必须嵌套在 table标签中。
td 用于定义表格中的单元格，必须嵌套在标签中。
字母 td 指表格数据（table data），即数据单元格的内容，现在我们明白，表格最合适的地方就是用来存储数据的。
表格属性
案例：
姓名 性别 年龄 刘德华 男 55 郭富城 男 52 张学友 男 58 黎明 男 18 刘晓庆 女 63
效果：
表头单元格标签th
作用：
一般表头单元格位于表格的第一行或第一列，并且文本加粗居中
语法：
只需用表头标签替代相应的单元格标签即可。
表格标题caption
caption 元素定义表格标题，通常这个标题会被居中且显示于表格之上。
caption 标签必须紧随 table 标签之后。
这个标签只存在 表格里面才有意义。你是风儿我是沙
合并单元格2种方式
跨行合并：rowspan=“合并单元格的个数”
跨列合并：colspan=“合并单元格的个数”
合并单元格三步曲
先确定是跨行还是跨列合并
根据 先上 后下 先左 后右的原则找到目标单元格 然后写上 合并方式 还有 要合并的单元格数量 比如 :
删除多余的单元格 单元格
总结
标签名 | 定义 | 说明 | |
|---|---|---|---|
| 表格标签 | 就是一个四方的盒子 | |
| |||
表格行标签 | 行标签要再table标签内部才有意义 | ||
| 单元格标签 | 单元格标签是个容器级元素，可以放任何东西 | |
| 表头单元格标签 | 它还是一个单元格，但是里面的文字会居中且加粗 | |
| |||
表格标题标签 | 表格的标题，跟着表格一起走，和表格居中对齐 | ||
clospan 和 rowspan | 合并属性 | 用来合并单元格的 |
表格划分结构
以上标签都是放到table标签中。
列表标签
无序列表ul 没有顺序级别之分
列表项1 列表项2 列表项3 ......有序列表 ol 有序列表即为有排列顺序的列表,按照一定的顺序排列定义
列表项1 列表项2 列表项3 ......自定义列表 定义列表常用于对术语或名词进行解释和描述
总结
标签名 | 定义 | 说明 |
|---|---|---|
| 无序标签 | 里面只能包含li 没有顺序，我们以后布局中最常用的列表 |
| 有序标签 | 里面只能包含li 有顺序， 使用情况较少 |
| 自定义列表 | 里面有2个兄弟， dt 和 dd |
表单标签(form)
作用: 表单目的是为了收集用户信息。
表单控件：包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
**提示信息：**一个表单中通常还需要包含一些说明性的文字，提示用户进行填写和操作。
表单域：他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。
表单域
各种表单控件input 控件
input 输入的意思
标签为单标签
type属性设置不同的属性值用来指定不同的控件类型
除了type属性还有别的属性
常用属性：
label标签
label标签主要目的是为了提高用户体验。 为用户提高最优秀的服务。
当我们鼠标点击 label标签里面的文字时， 光标会定位到指定的表单里面
用法：
第一种：
用户名： 第二种：
男textarea控件(文本域)
通过textarea控件可以轻松地创建多行文本输入框.
cols=“每行中的字符数” rows=“显示的行数” 我们实际开发不用
文本框和文本域区别
表单 | 名称 | 区别 | 默认值显示 | 用于场景 |
|---|---|---|---|---|
input type=“text” | 文本框 | 只能显示一行文本 | 单标签，通过value显示默认值 | 用户名、昵称、密码等 |
textarea | 文本域 | 可以显示多行文本 | 双标签，默认值写到标签中间 | 留言板 |
select下拉列表
如果有多个选项让用户选择，为了节约空间，我们可以使用select控件定义下拉列表.
经常查阅文档是一个非常好的学习习惯。
总结
