2016-12-17 120 views
0

我知道,這個問題可能聽起來很蠢,但我是一個初學者所以只是聽我說完。我有一個帶有文本但沒有鏈接的導航欄(關於,項目等,用戶無需去任何頁面)。我如何爲用戶添加頁面以單擊導航欄並轉到它們(例如,當用戶單擊「關於」時,他將轉到我製作的關於頁面)。我正在使用HTML5和CSS3。任何幫助表示讚賞!不同的頁面導航欄

代碼列表:

<ul class = "list"> 

     <a href = ""><li>Welcome |</li></a> 
     <a href = ""><li>About |</li></a> 
     <a href = ""><li>Projects</li></a> 

    </ul> 

回答

2

創建一個文件夾。打開文本編輯器,並粘貼以下代碼:

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>Welcome</title> 
    </head> 
    <body> 
    <ul> 
     <li><a href="welcome.html">Welcome</a></li> 
     <li><a href="about.html">About</a></li> 
    </ul> 
    <h1>Welcome</h1> 
    </body> 
</html> 

將文件保存爲您剛纔創建的文件夾中的「welcome.html」。保存在同一文件夾中的文件爲「about.html」

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title>About</title> 
    </head> 
    <body> 
    <ul> 
     <li><a href="welcome.html">Welcome</a></li> 
     <li><a href="about.html">About</a></li> 
    </ul> 
    <h1>About</h1> 
    </body> 
</html> 

創建另一個文本文檔和過去的下面的代碼。

在瀏覽器中打開「welcome.html」,看它是否有效。

屬性href是它位於您的計算機上的文件的路徑。

+0

@ klik.klonk。 t是一個真正的魔術! )))) – Banzay

+0

@Banzay在一開始沒有人是一個專家。 – unitario

+0

當然,兄弟。隨着微笑業務走得更快。 – Banzay