用文字代替網址代碼；

魚過大海 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 里面.