<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Hopes

    Start Here..

     

    創建超鏈接

    HTML4.01教程:創建超鏈接


    下面介紹幾種創建超鏈接的方法。

    一、創建文字超鏈接

    <a >百科369</a>

    查看代碼效果:HTML4.01<a>(Anchor:錨)標簽示例

    在<a></a>標記中,href屬性用來放置超鏈接的目標,這個目標可以是本機上的某個HTML文件,也可以是URL地址。<a></a>之間的內容稱為超鏈接的名稱。添加了鏈接后的文字有自己特殊的樣式,以便和其他文字區分開,默認的鏈接樣式是有下劃線的藍色文字。

    二、設置文字鏈接的顏色

    超鏈接可以通過在<body>標簽中設置鏈接的顏色來表示鏈接是否已經點擊。

    <html> <head> <title>HTML4.01教程:創建超鏈接設置文字鏈接的顏色示例-baike369.com</title> </head> <body text="blue" alink="red" vlink="yellow" link="green">     <p><a >歡迎訪問 www.baike369.com</a></p> </body> </html>

    查看代碼效果:HTML4.01教程:創建超鏈接設置文字鏈接的顏色示例

    在<body>標簽中(請參考HTML4.01<body>(Document Body:文檔體)標簽),有下面幾個屬性需要了解:

    三、創建頁面內的錨點鏈接

    制作網頁時,可能會出現內容過長的情況,而當用戶瀏覽網頁時就會很不方便。為了解決這個問題,我們可以創建頁面內的錨點鏈接。

    1. 創建同一頁面內的錨點鏈接

    首先創建一個向導鏈接,如:

    <li><a href="#C1">第一章</a></li> <li><a href="#C2">第二章</a></li> <li><a href="#C3">第三章</a></li> 

    創建向導鏈接的格式如下:

    <a href=#目標名稱>鏈接名稱</a>

    表示網頁應該跳到哪個目標名稱的位置上。

    其次創建一個目標位置,如:

    <h2><a name="C1"></a>第一章</h2> <p>本章講解的內容是 ......</p> <h2><a name="C2"></a>第二章</h2> <p>本章講解的內容是 ......</p> <h2><a name="C3"></a>第三章</h2> <p>本章講解的內容是 ......</p> 

    創建目標位置的格式是:

    <a name=目標名稱></a>

    注意:“#”屬性的目標名稱和“name”屬性的目標名稱要一致。

    查看代碼效果:HTML4.01<a>標簽name屬性示例

    請參考HTML4.01<a>標簽name屬性。

    2. 創建不同頁面內的錨點鏈接

    假設向導鏈接在1.html文件中,目標位置在2.html文件中,則可以這樣寫。

    在1.html中:

    <li><a href="2.html#C1">第六章</a></li>

    在2.html中:

    <h2><a name="C1"></a>第六章</h2> <p>本章講解的內容是 ......</p>

    我們只要在“#”號前面加上路徑和文件名即可。

    四、創建圖片的超鏈接

    圖片超鏈接的建立和文字超鏈接的建立基本類似,都是通過<a></a>標記來實現的。

    <a ><img src="/include/logo.gif" border="10" /></a>

    查看代碼效果:HTML4.01<img>標簽border屬性示例

    上面的代碼,給圖片加入了border屬性。在建立圖片鏈接時,瀏覽器會自動在圖片周圍加上一個邊框,就像在建立文字超鏈接時會自動加上下劃線一樣。如果要取消這個邊框,只需設置“border=0”即可。

    五、圖片的熱點區域

    還有另外一種圖片的超鏈接方式,就是圖片的熱點區域。所謂圖片的熱點區域就是將一個圖片專門分割出一個鏈接區域,這就是熱點。熱點的鏈接,點的就是圖片中的熱點區域。

    制作圖片的熱點區域需要用到<map>標簽和<area>標簽,還需要掌握它的制作步驟,參考如下:

    六、在新窗口中顯示鏈接頁面

    我們在瀏覽網頁中,當點擊鏈接的時候,所鏈接的頁面仍然是在同一個窗口中顯示。那么,使用<a>標簽中的target屬性可以在新窗口中顯示鏈接頁面。請閱讀HTML4.01<a>標簽target屬性。

    七、相關閱讀

    posted on 2012-07-30 16:30 ** 閱讀(518) 評論(0)  編輯  收藏


    只有注冊用戶登錄后才能發表評論。


    網站導航:
     

    導航

    統計

    公告

    你好!

    常用鏈接

    留言簿(2)

    隨筆檔案

    文章分類

    文章檔案

    新聞檔案

    相冊

    收藏夾

    C#學習

    友情鏈接

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 日本免费网站在线观看| 在线免费观看中文字幕| 亚洲欧洲国产精品香蕉网| 国产亚洲精品AAAA片APP| 国产99视频精品免费观看7| 夜夜亚洲天天久久| 95老司机免费福利| 亚洲精品亚洲人成在线麻豆| 久久免费区一区二区三波多野| 亚洲AV无码一区东京热| 国产免费无码一区二区| 久久久亚洲欧洲日产国码aⅴ | 久久久久亚洲精品美女| 97人妻精品全国免费视频| 久久青青成人亚洲精品| 久久成人a毛片免费观看网站| 亚洲欧洲日韩国产综合在线二区| 亚欧免费一级毛片| 久久精品国产亚洲AV蜜臀色欲| 最近中文字幕免费mv视频7| 日日摸日日碰夜夜爽亚洲| 亚洲人成无码网WWW| 永久免费A∨片在线观看| 91嫩草私人成人亚洲影院| 国产大片91精品免费观看不卡| 亚洲AV日韩综合一区尤物| 亚洲精品无码久久久久sm| 男女一进一出抽搐免费视频| 亚洲av无码国产精品夜色午夜| 亚洲免费观看在线视频| 亚洲色最新高清av网站| 亚洲视频一区二区| 无码人妻丰满熟妇区免费| 亚洲AV一二三区成人影片| 免费一级毛片在级播放| 久9久9精品免费观看| 亚洲一久久久久久久久| 成人亚洲性情网站WWW在线观看| 91久久精品国产免费一区| 亚洲精华液一二三产区| 亚洲国产精品一区二区久久hs|