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 里面.