XHTML高級教程-URL

2021-11-30 10:07 更新

像HTML一樣，XHTML由于不同的文檔可以鏈接在一起，變得更加強(qiáng)大。在此工具的幫助下，文本或圖像可以鏈接到文檔的任何部分或文檔的部分。瀏覽器使用顏色或下劃線突出顯示標(biāo)識的文本或圖像，以指示它是超鏈接。點(diǎn)擊該超鏈接即會打開一個新文檔。

鏈接是在以下標(biāo)簽的幫助下完成的：

錨標(biāo)簽

錨標(biāo)簽由<a>表示。錨點(diǎn)是一段文本或其他一些對象（如圖像）來標(biāo)記超文本鏈接的開始和/或結(jié)束。它用于通過使用“href”屬性創(chuàng)建到其他文檔的鏈接。

XHTML的錨標(biāo)簽類似于HTML的錨標(biāo)簽。HTML中錨標(biāo)簽的所有屬性也適用于XHTML。錨標(biāo)簽本身不起作用，它必須通過以下屬性進(jìn)行增強(qiáng)：

Href

Href代表超文本引用。文件的地址或網(wǎng)站的地址是在href屬性中輸入的。該地址是網(wǎng)頁鏈接到的那個文件的地址。

代碼示例： 

<p>這個超鏈接將帶你到網(wǎng)站<A  >w3cschool在線教程</A></p>

效果展示：

這個超鏈接將帶你到網(wǎng)站w3cschool在線教程


目標(biāo)

目標(biāo)屬性指定目標(biāo)URL應(yīng)該打開的位置。它占用了各種值，它們是：

  • _Blank
目標(biāo)文件將在新窗口中打開。
代碼示例：
<p>這個超鏈接將帶你到網(wǎng)站<A href= "http://m.hgci.cn" target=”_blank”>w3cschool在線教程</A>。它將在新窗口中打開。</p>

展示效果：

這個超鏈接將帶你到網(wǎng)站w3cschool在線教程。它將在新窗口中打開。

以下示例創(chuàng)建一個網(wǎng)頁，其中包含指向網(wǎng)站的鏈接： 

<html>
<head>
<title> W3Cschool在線教程 </title>
</head>
<body>
<h1>WEB前端開發(fā)教程 </h1>
<ul>
<li>HTML教程 </li>
<li>XHTML教程 </li>
<li>CSS教程</li>
</ul>
<hr/>
<ol>
<li>技術(shù)教程</li>
<li>開發(fā)文檔</li>
<li>編程微課</li>
</ol>
<hr/>
<A A href="http://m.hgci.cn/" target="_blank"> 跳轉(zhuǎn)到w3cschool.cn </A>
</body>
</html>

在瀏覽器中展示效果：



這個頁面的背景是白色的。這是因為在這個例子中沒有應(yīng)用樣式表。樣式表使網(wǎng)頁能夠進(jìn)行大量的格式化。

點(diǎn)擊示例中的超文本鏈接“跳轉(zhuǎn)到到w3cschool.cn”會跳轉(zhuǎn)到網(wǎng)站m.hgci.cn，如下圖。



以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號