html的那些标签们

今天来谈谈html的那些标签，首先，HTML有那些标签呢？我们常见的有div, span,h1,h2,h3,p,img,a,ul,li,ou,dl,dt,dd等等，那么接下来介绍一些常见的标签。

最最常见的div，所有学前端的一定不陌生，简称万能的标签，基本所有的标签都可以用div加上css来解决，那么这里div和span标签我们就不介绍了，不了解的可以参考下我之前的文档。

下面来说说h系列标签，最常用的是h1,h2,h3标签，h系列标签基本属性如下：

h1,h2,h3

h1标签为一级标签，一般一个页面只有一个h1标签，用于大标题的作用；由于一些浏览器会默认地把<h1>元素显示为很大的字体，因此会有一些 web 开发者使用<h2>元素代替<h1>元素来显示最上层的标题。这样做不会对读者产生影响，但会使那些试图“理解网页结构”的搜索引擎和其他软件感到迷惑。请确保把用于最顶层的标题，和用于较低的层级。

h2标签为二级标签，一般用于模块里的标题；h3标签为三级标签，适用于再次要栏目或分类小标题。h2和h3标签无限制使用次数。h标签可以使用CSS样式初始化h1 h2 h3 标签代码：

                                                        H1,h2,h3,h4{font-size:12px; font-weight:normal}

我们初始化了字体大小设置为12px，去除了H1 H2 H3 H4文字加粗样式。根据范例可扩展运用.

---

p标签

p标签为段落标签，用于文字部分，p标签的默认属性如下：

p标签

img标签

img标签为图片标签，图片标签 ,单标签 ,比较特殊，虽然为行级标签，但是可以设置尺寸,支持宽高属性 ,不需要加单位 ,一般宽高只设置一个

img标签

src属性里加的是图片的地址，可以是绝对地址和相对地址，alt属性主要有两个功能，一是但图片加载失败的时候，提示图片信息，二是作为搜索引擎爬虫的关键字将进行搜索；同时src还有width和heiht属性，可以直接设置，不用加单位。

ol,ul,li标签

ol标签和li标签属于嵌套标签，缺一不可，必须同时使用，中间不能有其他标签，为有序标签；ul和li组合是无序列表，默认属性如下：

ol,li,ul标签

其中利用list-style-type:none可以去除默认样式里的list-style-type里的样式，可以用于网页中相同样式的模块，比如今日头条的左边栏。

a标签

a标签可以说是我们最常见的标签之一了，可以说没有a标签我们的网页就是死的，可以看出来a标签的重要性。那么a标签有哪些基本属性呢？

a标签

a标签的常见属性有

a标签

其中href为跳转地址，里面接的是网站的地址，是a标签中必不可少的一部分，同时href不加链接的时候可以加#，但是需要注意的是，加一个#点击a标签的时候或回到头部，这样就出现了牟链接，例如：

a标签

这样点击a标签就来到了box1位置，网页里的返回头部或者返回本页面的另个位置就是这样做的。

同时a标签还有四种状态：伪类设置

link状态 链接未浏览状态

visited状态 链接已被访问过

hover状态 鼠标悬浮在链接上时的状态

active状态 鼠标点击未松开时的状态

a标签

其中这四种设置前两个顺序是固定的，后两个顺序可以调换，还需要注意的是，hover的时候，设置其他属性效果是其他几种状态共有的!

常见标签暂时只介绍到这里。