分享

用文字代替网址代码;

 鱼过大海 2010-08-04
 
1;
<html>
<head></head>
<body>
<h4><a href="www.baidu.com" style="text-decoration:none;">百度</a></h4>
</body>
建一个文本文档,为xxx.html把上面的拷进去,然后双击它。点击百度文字就链接上了。 
style="text-decoration:none ; 
为的是去掉文字下面的下滑线,如果你想要下滑线,也可以把这句去掉。
你试试吧。 
2;如果是自己做网页设计用Dreamweaver工具的话,选中这个链接直接打成你要的文字即可
或者切换到代码模式,改掉<a>标签里的文字,如 <a href="你要访问的网址">你要显示的文字</a>答案补充
第一种效果(纯文本文字说明):

互动B2C

互动B2C

(请将鼠标放在文字上立即就有文字说明)



源代码:

<A title="互动B2C--♣有关电子商务的一切♣" color="#803d00">互动B2C </FONT></A>



第二种效果(加超链接的文字说明):

互动B2C 有关电子商务的一切

互动B2C

(请将鼠标放在文字上立即就有文字说明,加超链接)



源代码:

<A title="互动B2C 有关电子商务的一切" href="http://www."><FONT color="#803d00">互动B2C</FONT></A>

其中tilte="鼠标移动到链接上弹出的文字" href="链接的网站地址,http://不可少"
<font color="文字颜色代码">文字</font>
<a href="http://www." >链接的文字</a>
 
3;

用图片代替文字标题, 为什么要这样做呢? 在搭建网站的时候, 人们总是希望页面能吸引别人的目光, 所以常常会使用 Logo (图片标题). 但搜索引擎是机器 (人肉搜索除外), 它们只对文字描述感兴趣. 所以我们要想办法在保留文字描述的基础上只显示图片, 这样做对访客和爬虫都是友好的.

Google

接下来我们看看该怎么弄, 先看看上面的图片, 它的代码是:

<h1 style="background-image:url(http://www.google.com/intl/en_ALL/images/logo.gif) no-repeat; width:276px; height:110px; text-indent:-999em;">Google</h1>

background-image: 背景图片
width: 图片宽度
height: 图片高度
text-indent: 这个是重点, 首行文本的缩进. 如果使用负值,那么首行会被缩进到左边. 当的负值足够大, 文字就会消失得无踪影了.

本方法已在 IE6/7, Firefox 2.0.0.13, Opera 9.23 和 Konqueror 3.5.6 实验成功.
另外, 你也可以给文档元素一个 id 或 class, 将样式写到 CSS 里面.

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多