html中css样式 <a>标签的使用

html中css样式 <a>标签的使用方式：

1、<a>标签使用案例：

<a href="http://blog.0916688.com/" target="_blank" title="创业者李孟我的博客">创业者博客</a>

2、<a>标签使用范围：

（1）使用html a可以对图片进行锚文本超链接：

exp：

<a href="http://blog.0916688.com/" target="_blank" title="转到我的博客"><img src="http://blog.0916688.com/wp-content/uploads/2012/11/14.jpg" /></a>

（2）可以对文字内容进行锚文本超链接：

<a href="http://blog.0916688.com/"">我的博客</a>

3、html a应用扩展：

同页面锚文本-同页面内上下转到指定位置；

常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现。

Exp：

（1）、首先我们在网页body内最上面添加一个<span id="top" name="top"></span>；

（2）、我们再到body内，需要出现点击后转到顶部位置添加，<a href="#top">回到顶部</a>；

这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。

使用语法：

（1）、需要转到地方添加，<a href="#命名">文字</a>，注意href值是#开头+英文字母命名；

（2）、需要在被转到位置添加，<span id="命名" name="命名"></span>，注意id和name值相同并且与a命名相同；

：hover就是鼠标移上去以后的css样式，a：hover就是超链接标签a的鼠标移上去后的样式，不只是a标签，所有标签都可以设置鼠标移山去后的效果，比如div：hover，或者#mydiv：hover等等。

a:link{text-decoration:none  /* 指正常的未被访问过的链接*/}

a:visited{text-decoration:none/*指已经访问过的链接*/}

a:hover{text-decoration:none/*指鼠标在链接*/}

a:active{text-decoration:none/* 指正在点的链接*/ }

把这些的颜色都设置一下便可以解决。

一个网页对应多个 HTML文件， 超文本标记语言文件以.htm（磁盘 *** 作系统 DOS限制的外语缩写）为 扩展名或.html（外语缩写）为 扩展名。可以使用任何能够生成 TXT类型 源文件的文本编辑器来产生超文本标记语言文件，只用修改文件 后缀即可。

超文本标记语言， 标准通用标记语言下的一个应用。

“ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。

---