一. a标签
1.a标签是超链接标签、双标签、行级标签；
2.例如：<a href=" " title="这是一个空的链接" target="_blank"></a>
(1)href="" 跳转地址 必须的 而且不能为空；
title="" 提示信息；
target="" 跳转方式 _blank 新窗口打开，_self在原有的窗口打开也是a标签的默认样式。
（2)超链接标签（a标签）的四种状态：伪类设置
link状态 链接未浏览状态；
注：link状态不能乱用样式属性，会干扰其他状态，场景一：改变link默认字体颜色
a:link{
color:gold;
}
visited状态 链接已被访问过
a:visited{
color:blue;
}
hover状态 鼠标悬浮在链接上时的状态
a:hover{
color:yellow;
}
active状态 鼠标点击未松开时的状态
a:active{
border:1px red solid;
}
拓展：
当a标签的href为空时，需要写成 href="#" | href="###"【hash 哈希 #会回到顶部 | ###不会有任何变化】
二.列表标签
1.列表标签是双标签、组合标签、块级；一是有序列表： ol 有序列表区域、 li 列表项；
二是无序列表： ul 有序列表区域、 li 列表项。
2.有序列表ol
<ol>
<li></li>
<li></li>
<li></li>
</ol>
ol 与 li不能单独使用，ol与li之间不可以出现其他标签
3.无序列表ul
<ul>
<li></li>
<li></li>
<li></li>
</ul>
ul 与 li不能单独使用，ul与li之间不可以出现其他标签
4.除去列表标签的默认样式
list-style-type: none;
三.一些其他标签
1.字典列表 dl 双标签 块级
<dl>
<dt>列表标题</dt>
<dd>描述</dd>
<dt></dt>
<dd></dd>
</dl>
其中 dd 是对 dt 的描述。
2.标题标签 h1~h6 双标签 无默认属性 块级
一级标题：<h1></h1>
二级标题: <h2></h2>
三级标题: <h3></h3>
3.hr标签 分割线 块级 单标签
<hr/>
4.p标签 段落 双标签 块级 p标签内不能嵌套块级标签
<p></p>.
5.图片 img 单标签 比如特殊，虽然为行级，但是可以设置尺寸
<img src="填图片路径" alt="图片加载不出时显示的文字说明">
支持宽高属性 不需要加单位 一般宽高只设置一个（<img width="100" src="" alt=""/>）
6.粗体加重,作用于内容强调 strong标签 双标签 行级
<strong></strong>
7.斜体，作用于内容强调 em标签 双标签 行级
<em></em>
8.big标签 大字号、 small标签 小字号 ：双标签 行级
<big></big>、<small></small>
9.sub标签 下移、 sup标签 上移、 del标签 文字删除（在文字中间显示横线）：双标签 行级.
<sub></sub>、<sup></sup>、<del></del>
网友评论