HTML标签、选择符、超链接以及SEO详细介绍
<div>块</div>
img标签是个单标签 alt作用 图片加载失败 显示alt中内容
<img src="图片名字" alt="图片的名字"/>
a标签详细介绍：
a标签的链接实现：
<a href = "链接" target="_blank">a标签 </a> 点击a标签
会转到相应链接下控制链接新打开一个页面用或者其他用target，还有self等其
他；
在head部分写入<base target = "_blank">默认页面中所有链接打开方
式，如果在body部分些人target属性，以body部分里面a标签里的target属性为
先；
a标签的下载实现：<a href = "#">放入要下载的东西</a>放的里面用#
号 实现下载功能
a标签的锚点实现： <a href = "#box(一个id)">（一个锚点）百步飞
剑</a>
标题标签 不是一个 是一组 一共以下六个：
<h1></h>
<h2></h>
<h3></h>
<h4></h>
<h5></h>
<h6></h>
段落标签 一段话用p标签
<p><p/>
强调标签strong 页面默认展示为粗体
<strong>内容（Content）</strong>
<em>也是强调的作用没有strong 标签语气那么重 默认展示为斜体
span标签
区分样式，一段文字或内容样式区分
<span style="color:red">Conten</span>
列表
有序列表
<ol>
<li>(列表项目)</li>
</ol>
无需列表
<ul>
<li>(列表项目)</li>
</ul>
定义列表
<dl>
<dt>定义列表标题</dt>
<dd>定义列表项目</dd>
</dl>
SEO:搜索引擎优化 例如：百度一下等
作用：有一个爬虫程序 每天搜索信息 保存下来
标签的的优点：
页面标签语义化；
使用对SEO有利于标签；h1;h2;h3;strong;em 占7%或8%左右 合理的优
化 不要过分使用
提高页面关键词密度；
id选择符
#box1,box2{
width:100px;height:100px;background:red;
}
群组选择符 #后面跟id+"，"+id一组群组用一样的样式
.box(id)和class的使用 class是一个类，可以理解为一个可以重复使
用的id；
class 选择符 可以跟多个样式
类型选择符 标签名{}
包含选择符：根据页面中的包含关系来选择
div p{}表示div标签里面所有的p标签
通配符
*{border:1px solid red;}页面中所有的都带有此格式 基本无用
选择符的优先级：
前提 同级 ：样式默认后者覆盖前者
包含级别越高，样式就使用哪个
class样式选择符
同级别调用名字的先后顺序没有关系，只与样式的先后有关系
类型（1）<class(10)<id（100）<style行间样式（1000）<js
(javaScrapt)
比较样式优先级，根据最高样式优先级个数判断
工作中不要写太深的包含关系
a的伪类：
link 未访问
hover 鼠标悬停（鼠标划过）
active 链接激活
visited 访问过后
写法 写在style里面的
a：link{}
a:hover{}
伪类顺序 link visited hover active
应用：搜索引擎 小说等
div伪类：hover 大多数标签都支持hover
IE6不支持a意外其他任何标签的伪类
IE6以上支持