CSS和HTML的基础知识（一）——HTML常用标签的简介及用法
在学习css和HTML过程中，我们会遇到各种各样的标签以及标签属性，并且由于标签的多样性，也使得同一个样式或者同一块区域内容，实现的方式有很多种，这也就造成了代码的多样性。也可以确切的说，我们在新建一个网页的过程中，由于每个人想法的不同，实现方式就会存在多样性。但是，不管使用哪种方法，我们唯一的目的就是建好一个网站。因此，我们在创建网站过程中，基础知识点的合理运用尤为关键。
我们首先要了解，一个网页是由多种标签堆合而成的，这里面便存在：基本标签、基本行级标签、基本块级标签。如果我们将网页进行划分的话，我们会很清楚的发现，网页其实就是由许多块级标签进行区域分割，再由行级标签进行内容填充。当然这里面还包含了一些浮动、定位等一些基本语法，这一讲主要讲解基本标签的使用。
对于新接触者来讲，各种标签的熟悉记忆也显得尤为重要。
从写法上来看，HTML标签可分为“成对标签”和“自闭和标签”。“成对标签”标签成对出现，有开始标签，必须要有结束标签，内容包含在两个标签之间。
从功能上，HTML标签科分为块级标签和行级标签。二者基本的区别在于：
（1）块级标签自动换行，前后隔一行；行级标签不会自动换行，从左往右依次排序。
（2）块级标签默认宽度为100%，行级标签宽度由里面的文字撑开。
（3）块级标签可以设置宽高、内外边距，行级标签不能设置（在没有设置其他属性的前提下）
常用的标签：
link标签，常用于将网页与其他文件进行连接。其中rel属性表示去即将连接的文件与当前网页的关系。
link标签用于将网页和其他文件进行连接。
rel="icon" rel属性表示即将连接的文件，与当前网页的关系。 属性值选择icon表示即将连接的文件，是当前网页的图标。
rel 是标签的属性 "icon" 是标签的属性值，属性值必须用引号引起来。
href="" 表示所要连接的图片地址。
figure：图片组合标签。用于将图片与下方的标题进行包裹，图片使用img表示，标题使用figcaption表示。
div:网页制作过程中最常用的块级标签，可以包裹任何标签。
img：图片标签。图片所在的路径，我们通常使用的是相对路径，
（1）网络图片地址。不建议使用，网络路径
（2）使用图片在本地的绝对路径，严禁使用。因为使用file：//协议引入的图片，
由于网页使用的http协议，所以无法访问图片，但是如果将网址改为file：//协议
（3）使用相对路径，推荐使用的唯一目录
当图片在当前文件的下一层时，使用“文件名/图片名”表示；
当图片与当前文件在同一文件夹下，使用图片名表示；
当图片在当前文件的上一层时。使用“../图片名” 注：../表示返回上层
注意： 1，图片必须包含在项目里面，不可以退出项目根目录。
2,width height 图片的宽度高度
3，title 当鼠标指上图片后显示的文字
4，alt 当图片无法加载时显示的文字，如果省略alt，则图片无法加载时显示title的文字
5，align：图片两边的文字相对于图片的排列方式
top 文字居上 ；center 文字居中；bottom 文字居下
a标签：超链接标签
（1）href属性：超链接即将跳转的页面，可以是网络地址，也可以是本地的html；
（2）target属性：设置页面打开的位置。_self 当前页面打开（为默认）_blank在新页面打开
（3）title:当鼠标点上后显示打的文字
功能性连接:
1，mailto：<a href="mailto://18364316836@163.com">1111</a>
2，tencent：与指定qq聊天
<a href="tencent://message/?uin=412988805">1111</a>
3，锚链接：点击超链接跳转到页面的指定位置（锚点）
a，在页面的指定位置设定一个锚点
<a name="top"></a>
b，将超链接的href属性设置为“#锚点名称”
<a href="#top">点我回到顶部</a>
c,跳转到其他页面的指定位置
常见的引用标签：blockquote、q、cite
区别：
（1）从显示效果上blockquote是块级标签且整段缩进；q显示为加引号；cite为倾斜
（2）从功能上：blockquote用于引用一整段内容；q用于引用一句话；cite通常用于书画、作品名引用
以上为我所总结的常用的基本标签，不是很详细，不过在学习HTML过程中会遇到许多各种功能性的标签，因此，学习HTML其实就是一个不断积累的过程。
