标签分为行标签,块标签以及行内块标签,以下是标签分类的思维导图
常见的行标签有<span>,<i>,<b>,<sub>,<sup>,<em>,<strong>,<a>在这里a标签有一个值得主义的属性<a target="_self">链接在当前页面打开,<a target="_blank">链接在新页面打开。
行标签有它独特的特点:1.同排序跟显示,遇见父级边界会换行2.不支持宽高,内容会撑开盒子大小3.不支持上下外边距4.不正常显示上下内边距5.换行被解析。
常见的块标签有<div>,<ul><ol>,<li>,<p>,<h1~h6>
块标签的特点:独占一行,默认宽度占满父级,高度为0,子级会撑开盒子的高度
常见的行内块标签<img> img标签有几个常见的样式 src:资源路径,title:鼠标悬停时提示的文字
alt:图片无法正常显示提示文字
行内块的特点:1.同排序跟显示,遇见父级边界换行2.不给宽高,内容会撑开盒子大小3.换行被解析。
在我们遇到一些问题时,比如想给a标签宽高可以进行标签准换
dispaly:block;转换为块级元素,display:inline;转换为行元素,display:inline-block;转换为行内块元素