标签的类型和属性

前端的标签有很多类型，但是工作中真正用于开发的就那么几个，但是并不意味着你开发不用就不需要了解因为面试要用。

我认为常用的标签有以下几个：
1.div标签

块级元素，是页面上最常用的标签

2.img标签 img标签是行内块元素（就是同时具有行内元素在一排的特性，又有块内元素的可以控制with和height的特性，如果你不规定一个img标签的大小，那么默认的是src里面的图片原始大小）

img标签顾名思义是用来引用图片的，里面的主要属性有src和alt src里面可以引用相对定位和绝对定位

alt的用法是一个兜底的方案，就是在src里面的地址无效或者网络不好的情况下一个图片的占位文案或者icon

3.link标签
这个是为了引用css文件的标签，等我们在css那一部分会单独讲
4.script标签
这个是为了引用js脚本文件的标签，等我们在js那一部分会单独讲
5.input标签
input标签是一种在网页表单中经常使用的单位标签
传送门http://www.w3school.com.cn/tags/tag_input.asp

6.ul,li,ol标签
ol有序列表 里面嵌套li

ol标签有个type属性默认等于1，可以选择A（大些ABC），a（小些abc）
ul无序列表 里面嵌套li

ul也有type属性，默认disc，可以选择square或者circle

square

circle
ps:ul ol li都是块级元素
7.a标签
a标签传送门：www.w3school.com.cn/tags/tag_a.…

a链接主要是跳转使用的主要属性是href（相对地址或者绝对地址，如果跳转到外部链接的时候一定要用绝对地址）
下面我们简单的聊一下“标签属性”；
属性就是写在我们标签中有等号的一些属性比如：
<div id="123"/> <div class="abc"/> 等等
属性主要的作用：
1.为了给某一个或者某一类标签标示出来加样式
2.为了给某一个或者某一类标签标示出来加逻辑方便js操作
具体的样式操作和逻辑操作我们将来会在css和js的专集中详细讲解，在这里大家只要“知其然”，暂时不用知道“知其所以然”。