XHTML高級教程-URL

2021-11-30 10:07 更新

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

鏈接是在以下標簽的幫助下完成的：

錨標簽

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

XHTML的錨標簽類似于HTML的錨標簽。HTML中錨標簽的所有屬性也適用于XHTML。錨標簽本身不起作用，它必須通過以下屬性進行增強：

Href

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

代碼示例： 

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

效果展示：

這個超鏈接將帶你到網站w3cschool在線教程


目標

目標屬性指定目標URL應該打開的位置。它占用了各種值，它們是：

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

展示效果：

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

以下示例創(chuà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>技術教程</li>
<li>開發(fā)文檔</li>
<li>編程微課</li>
</ol>
<hr/>
<A A href="http://hgci.cn/" target="_blank"> 跳轉到w3cschool.cn </A>
</body>
</html>

在瀏覽器中展示效果：



這個頁面的背景是白色的。這是因為在這個例子中沒有應用樣式表。樣式表使網頁能夠進行大量的格式化。

點擊示例中的超文本鏈接“跳轉到到w3cschool.cn”會跳轉到網站hgci.cn，如下圖。



以上內容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號