 |
紅杰爾電商咨詢 |
電子商務(wù)咨詢>>> 直播培訓(xùn)>>>
|
|
 |
|||
| |
紅杰爾電商咨詢 |
電子商務(wù)咨詢>>> 直播培訓(xùn)>>>
|
|
|
|||
所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè)，也可以是相同網(wǎng)頁(yè)上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁(yè)中用來(lái)超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類型來(lái)打開(kāi)或運(yùn)行。
一、超鏈接類型
按照連接路徑的不同,網(wǎng)頁(yè)中超鏈接一般分為以下3種類型：內(nèi)部鏈接、錨點(diǎn)鏈接和外部鏈接。超鏈接包括內(nèi)鏈、反鏈、外鏈、死鏈和導(dǎo)出鏈接等。
1、超鏈接對(duì)象
超鏈接是超級(jí)鏈接的簡(jiǎn)稱。如果按照使用對(duì)象的不同，網(wǎng)頁(yè)中的鏈接又可以分為：文本超鏈接，圖像超鏈接，E-mail鏈接，錨點(diǎn)鏈接，多媒體文件鏈接，空鏈接等。
超鏈接是一種對(duì)象，它以特殊編碼的文本或圖形的形式來(lái)實(shí)現(xiàn)鏈接，如果單擊該鏈接，則相當(dāng)于指示瀏覽器移至同一網(wǎng)頁(yè)內(nèi)的某個(gè)位置，或打開(kāi)一個(gè)新的網(wǎng)頁(yè)，或打開(kāi)某一個(gè)新的WWW網(wǎng)站中的網(wǎng)頁(yè)。
2、網(wǎng)頁(yè)超鏈接
網(wǎng)頁(yè)上的超鏈接一般分為三種：一種是絕對(duì)URL的超鏈接。URL（Uniform Resource Locator）就是統(tǒng)一資源定位符，簡(jiǎn)單地講就是網(wǎng)絡(luò)上的一個(gè)站點(diǎn)、網(wǎng)頁(yè)的完整路徑。
第二種是相對(duì)URL的超鏈接。如將自己網(wǎng)頁(yè)上的某一段文字或某標(biāo)題鏈接到同一網(wǎng)站的其他網(wǎng)頁(yè)上面去；還有一種稱為同一網(wǎng)頁(yè)的超鏈接，這種超鏈接又叫做書(shū)簽。
3、動(dòng)態(tài)靜態(tài)
超鏈接還可以分為動(dòng)態(tài)超鏈接和靜態(tài)超鏈接。動(dòng)態(tài)超鏈接指的是可以通過(guò)改變HTML代碼來(lái)實(shí)現(xiàn)動(dòng)態(tài)變化的超鏈接，例如我們可以實(shí)現(xiàn)將鼠標(biāo)移動(dòng)到某個(gè)文字鏈接上，文字就會(huì)象動(dòng)畫(huà)一樣動(dòng)起來(lái)或改變顏色的效果，也可以實(shí)現(xiàn)鼠標(biāo)移到圖片上圖片就產(chǎn)生反色或朦朧等等的效果。而靜態(tài)超鏈接，顧名思義，就是沒(méi)有動(dòng)態(tài)效果的超鏈接。
4、論壇超鏈接
（一）正文形式
1 、圖文
2、 軟文
3、 留言 {回帖使用較多}
4、表格
5 、無(wú)
（二）、鏈接位置
1、 開(kāi)頭
2 、文中
3 、末尾
4 、隱藏
（三）、鏈接形式
1.文本
2. 目標(biāo)關(guān)鍵詞
3. 鏈接
4. 帶錨文字鏈接
5. 隱藏 {鏈接與背景色一致等}
（四）、鏈接代碼
A、超文本標(biāo)記語(yǔ)言(html)
1.<a></a> {錨(anchor)標(biāo)簽}
錨標(biāo)簽屬性
title=錨文字
href=鏈接
target=_blank {轉(zhuǎn)到空白頁(yè)}
rel=nofollow或者 rel=external nofollow {搜索引擎蜘蛛不跟蹤這個(gè)(外部)鏈接}
2. <b></b> {加粗(bold)標(biāo)簽}
雖然 <strong></strong> 與 <b></b> 表現(xiàn)形式相同，但 bold 是“加粗”，strong 是“強(qiáng)調(diào)”。
3. <font color = #六位16進(jìn)制碼></font> {字體(font)標(biāo)簽}
4. <span></span> {生成(span)標(biāo)簽}
生成標(biāo)簽自身無(wú)涵義
舉例:設(shè)置字體顏色 <span style ="color:# 六位16進(jìn)制碼;"></span>
B 、Discuz!代碼
1. [url=鏈接]鏈接[/url] {等于 <a href=鏈接 target=_blank>鏈接</a>}
2. [url=鏈接]錨文字[/url] {等于 <a href=鏈接 target=_blank>錨文字</a>}
3. [url=鏈接]錨文字[/url ]（[url=鏈接]鏈接[/url]）
4. [url=鏈接A]錨文字a[/url]|[url=鏈接B]錨文字b[/url]
5. 目標(biāo)關(guān)鍵詞[url=鏈接]鏈接[/url]
6. 目標(biāo)關(guān)鍵詞[url=鏈接]錨文字[/url]
（五）、鏈接數(shù)量
鏈接數(shù)量大等于0
建議數(shù)量
每個(gè)頁(yè)面30貼=每帖1個(gè)*30貼=30個(gè)
每個(gè)頁(yè)面10貼=每帖(1-2)個(gè)*10貼=(10-20)個(gè)
（六）、術(shù)語(yǔ)簡(jiǎn)釋
1. 目標(biāo)關(guān)鍵詞(keyword)
目標(biāo)關(guān)鍵詞(keyword) ≈關(guān)鍵字、關(guān)鍵詞、目標(biāo)關(guān)鍵字、外鏈關(guān)鍵字、外鏈關(guān)鍵詞
2.文本(text)
文本(text) ≈ 文字、純文字、純文本
3.錨文字(anchor text)
錨文字(anchor text){包含目標(biāo)關(guān)鍵詞} ≈ 鏈接錨文字、超鏈接錨文字、外鏈錨文字、錨文本、鏈接錨文本、超鏈接錨文本、外鏈錨文字、鏈接文字、超鏈接文字、外鏈文字、超文本、鏈接超文本、超鏈接文本、外鏈超文本、鏈接源頭文字
4.鏈接(link)
鏈接(link) ≈ 網(wǎng)址、網(wǎng)頁(yè)地址、地址、裸鏈、外鏈、鏈接、超鏈接、純鏈接、外部鏈接、導(dǎo)出鏈接、外部超鏈接、導(dǎo)出超鏈接
超文本語(yǔ)言
<a></a><!--一個(gè)超級(jí)鏈接。-->
<a title="百度百科"></a><!--一個(gè)有標(biāo)題的超鏈接。-->
<a href="mailto"></a><!--一個(gè)自動(dòng)發(fā)送電子郵件的鏈接。-->
錨點(diǎn)鏈接
<a href="#百度百科"></a><!--一個(gè)有標(biāo)題的超鏈接。-->
代碼
圖片及特效代碼
圖片超鏈接
代碼：
<ahref="你要鏈接到的地址"target="_blank"><imgsrc="圖片地址URL"width="寬度"height="高度"alt="圖片說(shuō)明"border="0"></a>文字超鏈接
代碼：<ahref="所要鏈接的地址"target="_blank">百度百科</a>圖片標(biāo)志超鏈接
代碼：<imgsrc="圖片標(biāo)志地址"border="0">
把以下代碼加在已經(jīng)存在的面板里（想選那種方式就加那段代碼，不要全部都加）：
二、鏈接多樣性
1.讓鏈接變色
<STYLETYPE="text/css">
A {text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>
2.增加鏈接的力度—即字體變大
<STYLETYPE="text/css">
A {text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>
3.觸到鏈接時(shí)出現(xiàn)虛線
代碼：<STYLETYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>
4.會(huì)移動(dòng)的鏈接
代碼<STYLETYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>
5.給鏈接添加背景色
<STYLETYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF;}
</STYLE>
注意：color顏色自己設(shè)定，把以上藍(lán)色地方換成你喜歡的顏色代碼，具體顏色代碼請(qǐng)看美化必備-常用顏色代碼
6.音樂(lè)超鏈接下載代碼
<A HREF="音樂(lè)地址URL"TARGET=_BLANK>你的音樂(lè)名字</A>
然后把你的IE瀏覽器上的Internet選項(xiàng)中的"始終使用UTF-8發(fā)送URL"勾選去掉即可!!這樣可以讓其他人直接點(diǎn)你的連接進(jìn)行下載!（具體：你的IE瀏覽器上"工具"菜單->Internet選項(xiàng)->"高級(jí)"標(biāo)簽->始終使用UTF-8發(fā)送URL->勾選去掉）
7.鏈接特效
霧化鏈接：
將下面代碼加到網(wǎng)頁(yè)BODY區(qū)域
<p style="width: 96;height: 9" class=coffeeonMouseOver="this.style.filter='glow(color=#FFCC00,strength=6)'"onMouseOut='this.style.filter=""'>
三、超鏈接控件
超鏈接控件，也叫LinkLabel，屬于基礎(chǔ)控件。Windows窗體LinkLabel控件使您可以向 Windows 窗體應(yīng)用程序添加 Web 樣式的鏈接。
很多第三方控件也對(duì)超鏈接做出了擴(kuò)充，提供了更多地功能，以滿足不同的需求。只要將dll添加到工具箱就可以使用。
四、建立超鏈接
Word具有自動(dòng)識(shí)別網(wǎng)址或電子郵件地址的功能，因此當(dāng)用戶在Word2010文檔中輸入以http://或www開(kāi)頭的字符串時(shí)，Word2010會(huì)自動(dòng)將其識(shí)別為超鏈接。下面介紹一下取消自動(dòng)生成超鏈接功能的方法：
第1步，打開(kāi)Word2010文檔窗口，依次單擊“文件”→“選項(xiàng)”命令。
第2步，在打開(kāi)的“Word選項(xiàng)”對(duì)話框中，切換到“校對(duì)”選項(xiàng)卡，并在“自動(dòng)更正選項(xiàng)”區(qū)域單擊“自動(dòng)更正選項(xiàng)”按鈕。
第3步，打開(kāi)“自動(dòng)更正”對(duì)話框，切換到“鍵入時(shí)自動(dòng)套用格式”選項(xiàng)卡。在“鍵入時(shí)自動(dòng)替換”區(qū)域取消“Internet及網(wǎng)絡(luò)路徑替換為超鏈接”復(fù)選框，并單擊“確定”按鈕。
第4步，返回“Word選項(xiàng)”對(duì)話框，單擊“確定”按鈕。當(dāng)用戶再次輸入具有超鏈接特征的字符串時(shí)，將不再將其自動(dòng)識(shí)別為超鏈接。
五、取消超鏈接
第一種方法
選中文檔中的所有內(nèi)容，也可以使用快捷鍵Ctrl+a。
取消域的鏈接，或者使用快捷鍵Ctrl+Shift+F9，再查看以下內(nèi)容，所有的超鏈接就沒(méi)有了。
第二種方法
在復(fù)制粘貼以前，更改word中的“Internet及網(wǎng)絡(luò)路徑替換為超鏈接”的默認(rèn)設(shè)置，操作如下：?jiǎn)螕?ldquo;工具”菜單，“自動(dòng)更新”，“鍵入時(shí)自動(dòng)套用格式”，“Internet及網(wǎng)絡(luò)路徑替換為超鏈接”前面的對(duì)勾去掉在輸入時(shí)就可以避免出現(xiàn)超鏈接。
第三種方法
如果在不需要保留其他格式的情況下，也可以使用編輯菜單中的選擇性粘貼中的無(wú)格式文本命令。
六、超鏈接代碼
<a href="鏈接地址">文本</a>
<base href="鏈接地址"><a>文本鏈接</a>
注意事項(xiàng)：
這兩種鏈接不能出現(xiàn)在同一片代碼中，如果出現(xiàn)在同一片代碼中<a href="鏈接地址">文本</a>將會(huì)出現(xiàn)鏈接錯(cuò)誤。
相關(guān)閱讀： 1、什么是內(nèi)鏈？ 2、什么是外鏈？ 3、什么是友鏈？ 4、什么是反鏈？ 5、什么是死鏈？ (責(zé)任編輯：admin) |
