一、了解html
1.1 html是什么
Html Hyper Text Markup Language 内容-超文本标记语言
1.2 标签分为两大类
1.2.1 单标签：只有一个标签组成，既是开始标签也是结束标签
1.2.2 双标签：有两个标签组成，第一个为开始标签，第二个为结束标签
每一个标签都可以添加一些属性进行修饰，属性应该是在开始标签中进行添加，标签允许嵌套行为，嵌套只能是双标签。
二、html 标签介绍
2.1 html中的注释：<!--注释内容--> 注释快捷键： ctrl+/
html中的注释不会显示在浏览器中，但是会显示在源代码文件。注释主要是针对某一标签，和其他的代码进行解释，方便其他人员阅读源文件的时候，方面理解和阅读我们书写的代码
2.2 html标签分为2类
1、单标签
使用单独的一个标签就可以完成某种效果。例如：<br/><hr/>
2、双标签 格式：<标签名 key=value key=value key=value >标签封装的数据</标签名>
在html标签,需要用尖括号把其括在其中。然后在尖括号中写入标签的名称。
在双标签中，分为开始标签和结束标签。
在开始标签中可以写入key=value 这样的属性数据，一般要求key 独影的value值需要使用单引或者双引号引用起来。例如：<font color='red' size="7">封装的数据</font>
三、html结构说明
HTML 文档的开始需要版本的声明，剩下的页面内容需要包含在
开始标记<html>和结束标记</html>.
在<html>元素中，包含两个主要部分，文件头部（<head>元素）和主体部分(<body>元素)。
标准HTML文档结构如图所示：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>注意：
1：<head>中的内容是在浏览器中内容无法显示的，这里是给服务器、浏览器、链接外部Js和CSS样式等区域，
2、<title>中放置的是网页的标题，可在浏览器最上面看到。
3、<meta>标签描述了一些基本的元数据（网页的基本信息）。元数据也不显示在页面上，但会被浏览器解析。META元素通常用于指定网页的描述，关键词，一般放于<head>区域
<meta name="keywords"content="关键字"/>
4、body区域设置的内容可以通过浏览器呈现给用户，其内容可以是table 表格布局格式内容，也可以DIV布局内容，也可以直接是文字。body是最主要的区域，网页的内容呈现区
四、常用标签介绍
1、字体标签
font标签表示html的中字体，标签属性为：color：表封装数据的颜色；size:封装的数据的大小，大小是1-7，其中7为最大值，1为最小值
2、字体加粗
Strong标签可以使字体加粗
3、标题标签
在html中可以使用h标签来定义标题，
4、段落标签
p标签表示段落标签的意思，使用在段与段之间会有点间隔
5、换行与水平线
在描述一段文字时，需要换行时，可使用<br/>标签，需要水平线时，可以使用<hr/>标签，两个标签同为单标签，哪里需要哪里放
6、斜体
<em></em>标签的作用可以时字体变为斜体，强调或是吸引别人的目光
7、图片
在程序中很多时候需要引入图片，可以使用<img>标签来引入图片
语法<img src="图片路径” alt="替换文本" width="x"height="y"/>
img标签的使用：主要功能是在页面上显示图片，他是一个单标签，注意后面一定要闭合
alt 图片的描述信息，如果图片无法显示，就会把这个属性中的数据，显示在浏览器中，
注意：当用户把鼠标移动到 img 元素上时，Internet Explorer （9 之前的版本）把 alt 属性的值显示为工具提示。
根据 HTML 规范，这种行为并不正确。最新的浏览器取消了这一特征。
src 图片的位置 一般可以写某个文件夹中的图片，也可以写网络中存在的图片； ../表示上一级目录
border 图片的边框 一般设置成像素，很少使用
width 设置宽度 一般都是像素
height 设置高度 一般都是像素
8、超链接 也称之为 a标签；超链接标签，锚标签
语法：<a herf="链接地址" target="目标窗口位置">文本或图像</a>
a标签是html中超链接标签，具有三个功能：
8.1 用于连接其他页面。要是a标签变为超链接，可以访问其他资源要求a标签中必须书写href属性
href是用来连接要显示的网页的资源路径，url表示地址
target表示打开的其他页面在具体什么地方显示
_self 表示在当前窗口打开，默认打开方式
_blank 表示在一个新的窗口中显示
8.2、完成页面的定位
页面的定位，也称为页面的锚点。
<a id="top"></a> 设置页面上跳转的具体位置也称为标记，a标签中可以使用name属性，也可以使用id属性
<a href="#top">返回顶部</a> href中的value就是书写要跳转到的具体位置 ，必须#号开始 ，调转到锚点位置的id或name的名称
8.3、特殊功能的链接
比如读书或者观看影视作品之后的反馈，有专门的部门负责售后等情况，
语法：<a href="mailto:邮箱地址">联系我们</a>
注意：使用之前请确认你的电脑安装有:foxmail或outlook等电子邮件发送软件,并设置为默认为首选.
在很多时候会使用图片标签和超链接标签一起使用
9：特殊字符
注意：分号也是特殊字符的一部分
10：表格标签
Html中的表格和单元格类似：
表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义行），每行被分割为若干单元格（由 <td> 标签定义列，或者说单元格）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、表单、表格等等。
如果需要表头，可以使用<th>标签,表头默认居中加粗。
表格的常用属性介绍：
1：border：表格的边框
2：align：表格水平位置，也可以用于tr和td中，表示的是单元格内容的水平位置
3：bordercolor：边框颜色
4：width：表格宽度，可以使用比例，也可以使用像素
5：height：表格高度
6：cellpadding：单元格的内容和边框之间的距离
7：cellspacing：两个单元格之间距离的大小
8：bgcolor：表格的背景色，也可以用于tr和td
9：background：表格的背景图片，也可以单独的用于某一个单元格
10：colspan：合并列，当前的单元格占几个列，横向合并，横跨几列
11：rowspan：合并行，单元格纵向跨越的行数
所有标签效果展示：
15万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
