HTML初級教程鏈接_XHTML教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
現在你已經創建了一個獨立的網頁,所有的都顯得不錯。使因特網顯得非凡的,是因為它把所有東西都連接起來了。
HTML中的H和T代表HyperText,即超文本,表示著一個由連接文本所構成的系統。
錨標簽a用來定義一個連接,但是還是需要為錨標簽增添其他的東西──連接目標。
為你的代碼增加以下東西:
連接的目標用href屬性來定義。連接可以是絕對的,比如http://www.htmldog.com,也可以是相對的,相對于當前頁面來說。
所以,假設你有另外一個HTML文檔“flyingmoss.html”,其中一行代碼可以寫成<a href="flyingmoss.html">The miracle of moss in flight</a> ,諸如此類。
連接不僅可以連接到其他的HTML文檔,也可以連接到頁面上的其他文件。
連接還可以轉到頁面的其他部分。你可以給幾乎所有的標簽增加id屬性,比如<h2 id="moss">Moss</h2>,然后連接到它,像是這樣做:<a href="#moss">Go to moss</a>,點擊這個連接會直接滾動到帶有這個id的元素。
注重
HTML中的H和T代表HyperText,即超文本,表示著一個由連接文本所構成的系統。
錨標簽a用來定義一個連接,但是還是需要為錨標簽增添其他的東西──連接目標。
為你的代碼增加以下東西:
示例代碼 [www.ghpqjb.com]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的第一個網頁</title>
</head>
<body>
<h1>我的第一個網頁</h1>
<h2>這是什么</h2>
<p>用HTML組合起來的簡單網頁</p>
<h2>目的</h2>
<p>學習HTML</p>
<h2>在哪里尋找教程</h2>
<p><a >Google</a></p>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>我的第一個網頁</title>
</head>
<body>
<h1>我的第一個網頁</h1>
<h2>這是什么</h2>
<p>用HTML組合起來的簡單網頁</p>
<h2>目的</h2>
<p>學習HTML</p>
<h2>在哪里尋找教程</h2>
<p><a >Google</a></p>
</body>
</html>
連接的目標用href屬性來定義。連接可以是絕對的,比如http://www.htmldog.com,也可以是相對的,相對于當前頁面來說。
所以,假設你有另外一個HTML文檔“flyingmoss.html”,其中一行代碼可以寫成<a href="flyingmoss.html">The miracle of moss in flight</a> ,諸如此類。
連接不僅可以連接到其他的HTML文檔,也可以連接到頁面上的其他文件。
連接還可以轉到頁面的其他部分。你可以給幾乎所有的標簽增加id屬性,比如<h2 id="moss">Moss</h2>,然后連接到它,像是這樣做:<a href="#moss">Go to moss</a>,點擊這個連接會直接滾動到帶有這個id的元素。
注重
示例代碼 [www.ghpqjb.com]
a標簽答應你為連接打開新窗口,而不是取代當前窗口,初聽起來似乎是一個不錯的主意,因為它不會讓用戶離開你的頁面。
但是,有很多理由證實,你不應該這樣做。
從易用性的觀點來看,這種方法破壞導航。最常用的導航工具是瀏覽器上的“后退”,打開新窗口使這個功能失去了作用。
更廣泛地,還是從易用的觀點來看,用戶不需要到處都是彈出的新窗口。假如用戶需要打開新窗口,他們有權利(是的,有權利。不要強行干涉別人意志,不是很好嗎?在一般情況下,建議你盡量不要使用新窗口——譯者注)讓自己來控制。
但是,有很多理由證實,你不應該這樣做。
從易用性的觀點來看,這種方法破壞導航。最常用的導航工具是瀏覽器上的“后退”,打開新窗口使這個功能失去了作用。
更廣泛地,還是從易用的觀點來看,用戶不需要到處都是彈出的新窗口。假如用戶需要打開新窗口,他們有權利(是的,有權利。不要強行干涉別人意志,不是很好嗎?在一般情況下,建議你盡量不要使用新窗口——譯者注)讓自己來控制。
相關XHTML教程:
- 相關鏈接:
- 教程說明:
XHTML教程-HTML初級教程鏈接
。