1.去掉<a>标签的下划线

<ul style=" list-style-type:none; margin:0;color:Gray; font-size:11px;margin-top:30px">

    <li style=" float:left; position:relative; margin-left:380px; "><a href="#">关于我们</a></li>

    <li style=" float:left; position:relative; margin-left:20px"><a href="#">关于我们</a></li>

    <li style=" float:left; position:relative; margin-left:20px"><a href="#">联系我们</a></li>

    <li style=" float:left; position:relative; margin-left:20px"><a href="#">人才招聘</a></li>

    <li style=" float:left; position:relative; margin-left:20px"><a href="#">商家入驻</a></li>

    <li style=" float:left; position:relative; margin-left:20px"><a href="#">友情链接</a></li>

    <li style=" float:left; position:relative; margin-left:20px"><a href="#">冬冬购物社区</a></li>

</ul>

a

{

text-decoration: none;

}

a:hover

{

text-decoration: underline;

color:Red;

}

其中的text-decoration: none可以去掉其下划线。使用文本默认样式。

2.text-decoration

例子：

<html>

<head>

<style type="text/css">

h1 {text-decoration: overline}

h2 {text-decoration: line-through}

h3 {text-decoration: underline}

h4 {text-decoration:blink}

a {text-decoration: none}

</style>

</head>

<body>

<h1>这是标题 1</h1>

<h2>这是标题 2</h2>

<h3>这是标题 3</h3>

<h4>这是标题 4</h4>

<p><a href="http://www.w3school.com.cn/index.html">这是一个链接</a></p>

</body>

</html>

效果：

虽然<a>设置了text-decoration: none;但是字体默认颜色依旧有。

<a>这是一个链接</a>

href属性去掉后：下划线颜色全都消失。

3.<a>的target的属性有四个特殊值：

  • target='_blank'  浏览器总是打开一个新的网页
  • target='_self'  它使得目标文档载入并显示在相同的框架或者窗口中
  • target='_parent'  这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效
  • target='_top'  如果有多层父框架，直接去掉所有父框架，并刷新页面

4.<a>的href属性：

href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

  • 绝对 URL - 指向另一个站点

比如

<a href="http://www.example.com/index.htm"></a>
  • 相对 URL - 指向站点内的某个文件
<a href="/index.htm"></a>

<a href="http://www.w3school.com.cn/index.html">
  • 锚 URL - 指向页面中的锚（href="#top")
<a href="#p">点击去有锚P锚的地方</a>

<pre>zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

    .....                  <!--省略很多行，直到右侧产生滚动条 -->

    zqzzqzzqzzqzzqz

    zqzzqzzqzzqzzqz

</pre>

<p id="p">#锚指向的位置</p>
  • 传递参数
//href

zqz.aspx?a=&b=&c=

//后台

string a=Request.QueryString["a"];

string b=Request.QueryString["b"];

string c=Request.QueryString["c"];

A标签href属性详解--记录八的更多相关文章

  1. HTML video 视频标签全属性详解

    HTML 5 video 视频标签全属性详解   现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.C ...

  2. HTML-▲▲video 视频标签全属性详解▲▲

    HTML 5 video 视频标签全属性详解   现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.C ...

  3. HTML重要标签及属性详解

    我学习前端的时间不长,短短1个月而已,只学了些HTML5和CSS3还有少许javascript,另外还有网页布局等等辅助性书籍,我在模仿网页以及完成百度前端技术学院的任务过程中发现了我容易忘记的标签以 ...

  4. HTML5 video 视频标签全属性详解

    现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theora或者VP8(如果这玩意儿没出事的话)的(Opera.Mozilla.Chrome),支持H.264的(Safari.IE ...

  5. HTML 5 video 视频标签全属性详解

    Video标签的使用 Video标签含有src.poster.preload.autoplay.loop.controls.width.height等几个属性, 以及一个内部使用的标签<sour ...

  6. HTML 5 video 视频标签全属性详解

    http://www.cnblogs.com/kiter/archive/2013/02/25/2932157.html 现在如果要在页面中使用video标签,需要考虑三种情况,支持Ogg Theor ...

  7. struts2之form标签theme属性详解

    struts2中theme属性包括xhtml,html,simple,ajax .默认是xhtml theme:设置struts2标签的主题,默认为xhtml. theme=xhtml时:会默认额外生 ...

  8. dede的pagelist标签的listsize数字属性详解(借鉴)

    dede的pagelist标签的listsize数字属性详解.见远seo经常用织梦搭建各种网站,有次发现列表页面的分页显示超过div的界限,也就是溢出了或者说是撑破了.后来经过研究发现是pagelis ...

  9. dede的pagelist标签的listsize数字属性详解

    转载▼http://blog.sina.com.cn/s/blog_a4f3bd4e01012c8n.html dede的pagelist标签的listsize数字属性详解.见远seo经常用织梦搭建各 ...

随机推荐

  1. NGINX高并发配置

    1.  worker_processes 8; nginx 进程数,建议按照cpu 数目来指定,一般为它的倍数 (如,2个四核的cpu计为8). 2.  worker_cpu_affinity 000 ...

  2. JavaScript公共函数

    [在此处输入文章标题] // JScript 文件 /* ================================================================== JS 公 ...

  3. Windows下MySQL 5.7安装记录

    软件下载 环境:Windows 7 旗舰版 64位 MySQL版本:mysql-5.7.3.0-winx64 MySQL下载地址:http://dev.mysql.com/downloads/inst ...

  4. 【翻译自mos文章】当/var/tmp文件夹被remove掉之后，GI crash，并启动失败，原因是ohasd can not create named pipe

    来源于: GI crashes and fails to start after "/var/tmp" directory was removed as ohasd can not ...

  5. Web工程中各类地址的写法

    1)总体原则 在java web开发中,只要是url地址,那么最好以“/”开头,也就是绝对路径的方式.那么这个“/”到底代表什么呢? 如果“/”是给服务器用的,则代表当前web工程:如果是给浏览器用的 ...

  6. SpringBoot中mybatis配置自动转换驼峰标识没有生效

    mybatis提供了一个配置: #开启驼峰命名转换 mybatis.configuration.map-underscore-to-camel-case=true 使用该配置可以让mybatis自动将 ...

  7. Linux默认日志含义

    Linux系统日志: /var/log/secure∶ 记录登入系统存取资料的档案,例如 pop3, ssh, telnet, ftp 等都会记录在此档案中: /var/log/wtmp∶ 记录登入者 ...

  8. 2014年辛星Javascript解读第三节

    经过第一节的入门和第二节的运算符.那么接下来我们就能够学习Javascript的函数了,当然了.无论大家之前学习的是什么编程语言.都会有函数的概念,假设大家学的是Pascal,还会有"过程& ...

  9. Swoole源代码学习记录（十三）——Server模块具体解释（上）

    Swoole版本号:1.7.5-stable Github地址:https://github.com/LinkedDestiny/swoole-src-analysis 最终能够正式进入Server. ...

  10. git clone时RPC failed; curl 18 transfer closed with outstanding read data remaining

    git clone时报RPC failed; curl 18 transfer closed with outstanding read data remaining 错误 原因1:缓存区溢出 解决方 ...