前端的标签有不少类型,可是工做中真正用于开发的就那么几个,可是并不意味着你开发不用就不须要了解由于面试要用。css
我认为经常使用的标签有如下几个:
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的专集中详细讲解,在这里你们只要“知其然”,暂时不用知道“知其因此然”。