常见标签：

创新互联是一家网站设计公司，集创意、互联网应用、软件技术为一体的创意网站建设服务商，主营产品：成都响应式网站建设、品牌网站制作、全网营销推广。我们专注企业品牌在网站中的整体树立，网络互动的体验，以及在手机等移动端的优质呈现。做网站、成都做网站、移动互联产品、网络运营、VI设计、云产品.运维为核心业务。为用户提供一站式解决方案，我们深知市场的竞争激烈，认真对待每位客户，为客户提供赏析悦目的作品，网站的价值服务。

img标签是个单标签 alt作用 图片加载失败 显示alt中内容

a标签详细介绍：

a标签的链接实现：

a标签 点击a标签

会转到相应链接下控制链接新打开一个页面用或者其他用target，还有self等其

他；

在head部分写入默认页面中所有链接打开方

式，如果在body部分些人target属性，以body部分里面a标签里的target属性为

先；

a标签的下载实现：放入要下载的东西放的里面用#

号 实现下载功能

a标签的锚点实现： （一个锚点）百步飞

剑

标题标签 不是一个 是一组 一共以下六个：

段落标签  一段话用p标签

强调标签strong 页面默认展示为粗体

内容（Content）

也是强调的作用没有strong 标签语气那么重 默认展示为斜体

span标签

区分样式，一段文字或内容样式区分

Conten

列表

有序列表

1. (列表项目)

无需列表

• (列表项目)

定义列表

定义列表标题

定义列表项目

SEO:搜索引擎优化 例如：百度一下等

作用：有一个爬虫程序 每×××索信息 保存下来

标签的的优点：

页面标签语义化；

使用对SEO有利于标签；h2;h3;h4;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）

(javaScrapt)

比较样式优先级，根据最高样式优先级个数判断

工作中不要写太深的包含关系

a的伪类：

link 未访问

hover 鼠标悬停（鼠标划过）

active 链接激活

visited 访问过后

写法 写在style里面的

a：link{}

a:hover{}

伪类顺序 link visited hover active

应用：搜索引擎 小说等

div伪类：hover 大多数标签都支持hover

IE6不支持a意外其他任何标签的伪类

IE6以上支持

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页名称：HTML标签、选择符、超链接以及SEO-创新互联
当前URL：http://chengdu.cdxwcx.cn/article/dpdjps.html